Return to previous page

Heading colours - by cyan - on WordPress WooCommerce support

This topic has 21 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Jack Richardson

cyan

Participant

September 24, 2015 at 16:32

Hi. I can see that you can change the colour of the headings in the theme options but is there a way to change just certain headings (i.e.h2’s and h3’s)? And how can I change the colours of the sidebar titles? Could you guide me as to which code I’d need to add/change as I’m not very code savvy I’m afraid. Thanks

#89091 Copied

20 Answers
Jack Richardson

Support staff

September 25, 2015 at 07:36
Hello,

You can use this css code to change headings color:
h3 {
color: black;
}

and for sidebar titles use this code:
```
.sidebar-widget .widget-title {
  color: red;
}
```
Write your color values.

Best regards,
Jack Richardson.
#89161 Copied
cyan

Participant

September 25, 2015 at 11:20

That’s great, thank you. Could you also help with the two following queries as well please?

1) How can I remove the unnecessary gap below the ‘separator with text’ titles? http://176.32.230.250/richardtaylordesigns.co.uk/contact/

2) How can I get my twitter icon on the same line as the copyright text but on the right hand side, like you have on your Eleonora theme?

Thank you.

#89258 Copied
Robert Hall

Support staff

September 25, 2015 at 11:27
Hello,

1) Please use this code in Global Custom CSS.
```
.page .vc_separator {
   padding: 0px;
}
```
2) Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.
#89259 Copied
cyan

Participant

September 25, 2015 at 12:08

Thanks but can I reduce the spacing a little more please?
http://176.32.230.250/richardtaylordesigns.co.uk/contact/

Login details attached for the Twitter problem. Thanks.

Please, contact administrator
for this information.

#89265 Copied
Robert Hall

Support staff

September 25, 2015 at 12:22
Please replace code above to this
```
.page .vc_separator {
    padding: 0px;
    margin-bottom: 20px;
}
```
As I see you didn’t installed required and recommended plugins.
You can make footer as Eleonora theme via Visual Composer plugin.
Please see screenshot: http://prntscr.com/8k9yjz

Regards,
Robert Hall.
#89267 Copied
cyan

Participant

September 25, 2015 at 12:36

I do have the VC plugin installed but I have tried to create the footer via the Footer widget so that it is displayed on every page. If I create it your way, do I need to do this on every single page?

#89269 Copied

cyan

Participant

September 25, 2015 at 12:45

Finally, I have one last query, if I want to add a background colour to the breadcrumb section, how can I amend the hover effect of the text within that area ONLY without it affecting the rest of my hover effects? Thanks.

#89274 Copied
Robert Hall

Support staff

September 25, 2015 at 12:54
1) You can use Static Block widget. See screenshot: http://prntscr.com/8ka8wi
2) Please use this code in Global Custom CSS
```
.breadcrumbs a:hover{
color:red;
}
```
Regards,
Robert Hall.
#89276 Copied
cyan

Participant

September 25, 2015 at 13:04

Where do I find the static blocks?

#89278 Copied

cyan

Participant

September 25, 2015 at 13:10

And sorry, the breadcrumb hover doesn’t seem to be working with the css

#89279 Copied

cyan

Participant

September 25, 2015 at 14:52

How can I add some extra padding underneath my breadcrumb section, to allow more gap before my main content starts please?

#89307 Copied
Robert Hall

Support staff

September 25, 2015 at 14:57
To add gap use this code:
```
.page-heading{
    margin-bottom: 50px;
}
```
Please provide us with FTP credentials in Private Content.

Regards,
Robert Hall.
#89313 Copied
cyan

Participant

September 25, 2015 at 15:03

Below are my FTP:

I’d like to know

1) Where I can add a static block. I can’t see this option in the back end.
2) The hover effect isn’t working for my breadcrumb links.

Please, contact administrator
for this information.

#89316 Copied

cyan

Participant

September 25, 2015 at 15:19

I’d like to decrease the spacing below the image gallery slider as well please, on this page: http://176.32.230.250/richardtaylordesigns.co.uk/profile/

Thank you.

#89320 Copied

cyan

Participant

September 25, 2015 at 16:04

And finally,

1) Removal of title from breadcrumb bar for only single product pages, keeping the title for all other pages.
2) Removal of the sorting feature on the shop pages

Thank youuuuuuu 🙂

#89332 Copied
Jack Richardson

Support staff

September 28, 2015 at 07:24
Hello,

Your FTP credentials are incorrect. Please check them.

To decrease the gap under gallery slider I’ve added this code in CSS block in your page:
http://storage1.static.itmages.com/i/15/0928/h_1443421167_4207332_6c0e6bd7a5.png

Sorry, but breadcrumbs titles can be removed for all pages only.

To remove sorting feature on the shop pages add this code in Global Custom CSS:
```
.filter-wrap .woocommerce-ordering select {
  display: none;
}
```
Best regards,
Jack Richardson.
#89479 Copied
cyan

Participant

September 28, 2015 at 08:58

Sorry, the FTP locks after a while. I’ve unlocked it again now. Please try again

#89515 Copied

cyan

Participant

September 28, 2015 at 09:36

Thanks for the other answers. I’ve removed the sorting feature but is it possible to move the grid/list options over in to the place where the filter was? Rather than leave it hanging in the middle of the white space? Thanks

#89532 Copied

cyan

Participant

September 28, 2015 at 11:57

Also, do you know why the third product along on this page (Milano Latern) http://176.32.230.250/richardtaylordesigns.co.uk/lighting/lanterns/ doesn’t seem to be resizing in the same way the other images do? The same when you click through to the product page, it seems to be cutting off a lot more rather than resizing like the others. Thanks

#89623 Copied
Jack Richardson

Support staff

September 28, 2015 at 16:53
Hello,

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/ .
After that check your images.

I’ve edited the code to
```
.filter-wrap .woocommerce-ordering {
  display: none;
}
```
Please check products page now.

I’ve installed default theme plugin 8theme Post Types and now Static Block section is available for using.

Best regards,
Jack Richardson.
#89929 Copied
Viewing 21 results - 1 through 21 (of 21 total)