Return to previous page

Button colour - by cyan - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

cyan

Participant

November 7, 2014 at 11:02

Hi Eva. Could you please give me some css code to correct the font hover colour of the Facebook, Twitter and Blog buttons on this page please: http://79.170.44.106/chateauclinet.com/. The I’d like the hover font colour to be #6f6f6f. Thank you.

#23647 Copied

7 Answers

cyan

Participant

November 7, 2014 at 11:58

Also Eva, could you give me some code/a shortcode to allow me to add margins/gaps between images and text etc? Thanks.

#23652 Copied

cyan

Participant

November 7, 2014 at 12:27

And one last thing, how do I add margins to images when they are adding via a text box?

#23654 Copied
Eva Kemp

Support staff

November 7, 2014 at 13:34
Hello,

Please add this code to change the buttons color:
```
a.button.white:hover {
background-color: #6f6f6f !important;
}
```
Please specify between what images you want to add gaps.

Thank you.
Regards,
Eva Kemp.
#23665 Copied
cyan

Participant

November 7, 2014 at 13:38

I’d like to have a gap of around 10px in between the Facebook, Twitter and Blog buttons on the home page http://79.170.44.106/chateauclinet.com/. The gaps I have put in at the moment are too large. I’d also like to know how to general add margins to images via the text box. This is to use throughout the site when I have wrapping issues with the text. Thanks.

#23667 Copied
Eva Kemp

Support staff

November 7, 2014 at 15:57
Hello,

Try to use this code to create margins between the buttons:
```
.button.white {
    margin-bottom: 10px;
}
```
To add margins for images you need know what element to edit. You can check it in Chrome browser, click right mouse button on the element you need to modify and select Inspect element from the list. In the appeared console you’ll see its id or class.

Thank you.
Regards,
Eva Kemp.
#23700 Copied
cyan

Participant

November 7, 2014 at 16:06

Sorry Eve, I think you have misunderstood. I know what images I want to add margins too, I just don’t know how to. For example, if I add an image via a text block and then click to edit the image properties, is there anything I can add into the image css class, for example, that will allow me to add margins to the top or bottom of images?

#23705 Copied
Eva Kemp

Support staff

November 7, 2014 at 17:03
Hello,

You can add margin values for images only in custom.css and if you know image class, for example, in Chrome browser you can click on the image with right mouse button and select Inspect element. You’ll see such window:

The class for that image is “img.alignleft.wp-image-2817.size-full” and you can write margins for it as I’ve shown on a screenshot. So the code
```
img.alignleft.wp-image-2817.size-full {
margin-right: 50px;
}
```
should be added into custom.css file.

Thank you.
Regards,
Eva Kemp.
#23714 Copied
Viewing 8 results - 1 through 8 (of 8 total)