Docs

[Mark S]

Hey,

Just a quick couple of questions. I have tried to search for answers but haven’t been ale to find any though I may have missed it somewhere.

Just using the standard renew 8 theme at the moment.

1. How can I change the colour of the social icons in the [share] shortcode?

2. I can see in the customizer how to do background patterns and change the colour of the header but I was wondering how I could make a pattern extend through the header.

Thank you.

[Rubin]

Hey Mark,

you would need for both custom CSS since you would have to make the header transparent and the share color is by default the link color so if you want a different color you have to tell me the hex code and I can give you the custom css code you need. You can place all the custom css under Customizer > Custom > CSS.

[Mark S]

Ok great. the colour would be #00a4af

Thank you.

[Kory]

Hey Mark,

Here’s the CSS to alter the color of the icons for you:

.x-entry-share .x-share {
  color: #00a4af !important;
}

.x-entry-share .x-share:hover {
  background-color: #00a4af !important;
}

Thanks!

[Mark S]

Thank you. That worked. What would the code be to turn the header transparent?

Thanks again.

[Christian]

Hey Mark,

You can set it under Customizer > Integrity (Renew or Icon) > Design Options. Check “Enable Navbar Transparency” and check also the option for Top Bar.

Hope that helps. 🙂

[Mark S]

Im on the renew stack and don’t appear to have that option. No worries.

I have one more question – didn’t want to start a new topic.

When using the custom headline I end up with a big gap between the top bar and the headline – is there a way to reduce this?

Thanks for your help.

[Rubin]

Hey Mark,

you can add a custom class named “mtn” to the headline this will reduce the margin-top to zero so the gap should be gone.

[m c]

.x-entry-share .x-share {
color: #00a4af !important;
}

.x-entry-share .x-share:hover {
background-color: #00a4af !important;
}

The above code doesn’t work for me, does it need to go into css editor on customize or into functions.php?

regards

[Support]

Hi!

You need add those on Customizer > Custom > CSS field.

[Author]

Posts