Return to previous page

Image resizing and footer - by cyan - on WordPress WooCommerce support

This topic has 35 replies, 4 voices, and was last updated 8 years, 2 months ago ago by Jack Richardson

cyan

Participant

November 10, 2015 at 18:13

A couple of questions please:

1) Can you tell me why some of my images are not resizing correctly within my shop? http://176.32.230.250/richardtaylordesigns.co.uk/tables/side-tables/

2) Can you explain how to recreate the footer as per your theme example here: http://themeforest.net/item/classico-responsive-woocommerce-wordpress-theme/full_screen_preview/11024192 – colours of hover links, borders etc

3) How can I amend the hover colour of my breadcrumbs?

#98702 Copied

34 Answers
Eva Kemp

Support staff

November 10, 2015 at 20:02
Hello,

1. You need disable “Hard Crop” option in Woocommerce > Settings > Products > Display > Product Images and regenerate thumbnails with this plugin https://wordpress.org/plugins/regenerate-thumbnails/ .

2. You can import footer file from theme package > “XML Files” folder > “Footer Variants” folder. Next, go to Tools > Import > WordPress > upload chosen xml file, press “Upload File and import”. Check “Download and import file attachments” and press Submit button.
The footer block will appear in Static Blocks section. You need add Static Block widget into “Footer” area in Appearance > Widgets.

3. Use this code in Theme Options > Styling > Custom CSS > Global Custom CSS:
```
.breadcrumbs a:hover {
  color: black;
}
```
Write color value you want.

Regards,
Eva Kemp.
#98725 Copied
cyan

Participant

November 11, 2015 at 10:18

I’ve disabled Hard Crop for all three options in the product settings and have installed that plugin. But now what? Thanks

#98813 Copied

cyan

Participant

November 11, 2015 at 10:32

Don’t worry, sussed the cropping issue. But on my other question, I can’t find ‘XML Files” folder > “Footer Variants” folder’ I’m afraid 🙁

#98816 Copied

cyan

Participant

November 11, 2015 at 11:36

Sorry, I’ve found this now but could you tell me which footer xml file creates this particular footer: http://themeforest.net/item/classico-responsive-woocommerce-wordpress-theme/full_screen_preview/11024192 I’d like the same colours too. How to I get this as currently, the xml files I have imported are all white and when I change the background colours, it throws all the text styling out.

Also, how do I change the hover colour of my breadcrumbs please?

Many thanks.

#98829 Copied

Jack Richardson

Support staff

November 11, 2015 at 11:52

Hello,

As I see you’ve already had footer variants in Static Block.
I’ve selected “Footer variant 1” in Static Block widget in Appearance > Widgets > Footer Area.

Please check now.

Best regards,
Jack Richardson.

#98831 Copied

cyan

Participant

November 11, 2015 at 11:55

Sorry Jack, yes I already knew I had the wrong one selected… it’s more the colour issue that’s the problem. I want to recreate the same colours as on the example link above. So background, fonts, borders etc are the same. But when I change the background colour, it means all the other colours are then incorrect. Can you give me a breakdown of what I need to do to replicate the example above please.

ALSO…

Also, how do I change the hover colour of my breadcrumbs please?

Thanks.

#98832 Copied

cyan

Participant

November 11, 2015 at 11:57

P.S Footer xml 1 that you have selected for me is not the same as on this example theme: http://themeforest.net/item/classico-responsive-woocommerce-wordpress-theme/full_screen_preview/11024192

#98834 Copied
Eva Kemp

Support staff

November 11, 2015 at 14:03
Hello,

I’ve added this code in Global Custom CSS:
```
footer .container .widgettitle, footer .container .twitter-slider-title {
    color: #fff;
}
footer .container .widget.widget_tag_cloud .widgettitle {
   color: #000 !important;
}
```
and edited row settings for Footer variant 1 block.

Please check footer now.

Regards,
Eva Kemp.
#98856 Copied
cyan

Participant

November 11, 2015 at 14:07

Thanks Eva, that’s much better. However, I’d like to use the footer without the white section above displaying all the recent and sale products etc. Also, the links don’t seem to have any rollover effect. Lastly, how do I change the hover colour of my breadcrumbs please?

#98857 Copied
Eva Kemp

Support staff

November 11, 2015 at 19:23
Hello,

I’ve set “Main Footer 3” block in Static Block widget and added this code in Global Custom CSS:
```
.footer .container a:hover, footer .footer-list li a:hover {
    color: #737373 !important;
}
```
I’ve edited your code in Global Custom CSS (added “!important”):
.breadcrumbs a:hover {color:red !important;}

Check breadcrumbs now.

Regards,
Eva Kemp.
#98935 Copied
cyan

Participant

November 12, 2015 at 09:31

Thanks Eva. Nearly there but I’ve just noticed on the breadcrumbs that the little arrow alongside the text is rolling over to a different colour to the rest. Thanks.

#99028 Copied
Robert Hall

Support staff

November 12, 2015 at 09:43
Hello,

Please try this code in Global Custom CSS
```
.breadcrumbs .back-history:hover:before {
    color: red;
}
```
Regards,
Robert Hall.
#99035 Copied
cyan

Participant

November 12, 2015 at 10:59

Finally, could you tell me how to increase the size of my category boxes, so that all the image displays/resizes and you can see all of the product? Thanks

http://176.32.230.250/richardtaylordesigns.co.uk/lighting/

#99048 Copied
Robert Hall

Support staff

November 12, 2015 at 11:03
Try to use the following code in Global Custom CSS
```
.product-category .categories-mask {
    position: relative;
}
```
Regards,
Robert Hall.
#99052 Copied
cyan

Participant

November 12, 2015 at 11:10

That’s fab! What would I need to do if I wanted to keep the images as they are but maybe just increase the height of the box they are contained in?

#99053 Copied

cyan

Participant

November 12, 2015 at 11:16

And how do I edit the social icons in my footer please? I can’t see where to edit the [social] shortcode?

#99056 Copied
Robert Hall

Support staff

November 12, 2015 at 11:40
1) In this case try use this code
```
.product-category > a img {
    margin-bottom: 20px;
}
```
2) You need edit \themes\classico\framework\shortcodes.php file.
Find this section// ! Share This Product and you’ll see code below.

Regards,
Robert Hall.
#99060 Copied
cyan

Participant

November 12, 2015 at 11:45

Amazing! And how to I make the links in the footer, in the forth column, the same colour and hover colour as the other links in the footer please?

#99062 Copied

cyan

Participant

November 12, 2015 at 11:46

Oh, and remove the gap below the title and before the custom menu starts please? So it is inline with the other columns?

#99063 Copied
1 2

Viewing 20 results - 1 through 20 (of 35 total)