Docs

[alisonglass]

I just switched from Integrity stack to renew stack. I am having a hard time finding how to recolor my social media icons at the bottom of the pages. My site is alisonglass.com. They are white on a white page, but have a hover color. I would like them the same color as my logo at the top of the page.

I had custom CSS from the Integrity stack. I did a poor job labeling it and I am trying to find out how to clean it up. Can you help me please?
Thanks!
Jessica

[Prasant Rai]

Hello Jessica,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-colophon.bottom, .x-colophon.bottom a, .x-colophon.bottom .x-social-global a {
    color: #333;
}

Thanks.

[alisonglass]

That works fantastic. I tried to change the hover situation on all of those and it didn’t work. Can you help me with the code to change the hover color to on the menu and the social media icons?

color: rgb(161, 145, 51);

I also can’t figure out how to get rid of the back slashes between the footer menu items. I would like the footer menu to be as clean and minimal as possible.

Thanks for the help!

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.bottom .x-nav li a:hover,
.x-colophon.bottom .x-social-global a:hover {
    color: rgb(161, 145, 51);
}
.x-colophon.bottom .x-nav li {
    margin: 0 5px;
}
.x-colophon.bottom .x-nav li:before {
    display: none;
}

Hope it helps 🙂

[alisonglass]

That worked for the icon hover but there is a larger button that pops up with the hover and I would like to not have that happen.

[Joao]

Hi There,

Please update this:

.x-colophon.bottom .x-nav li a:hover,
.x-colophon.bottom .x-social-global a:hover {
    color: rgb(161, 145, 51);
}

to

.x-colophon.bottom .x-nav li a:hover,
.x-colophon.bottom .x-social-global a:hover {
    color: rgb(161, 145, 51);
   bacground: none;
}

[alisonglass]

That was a great and simple fix. Thanks!!
I am wondering now why my text is going wider than the pictures when the site is full screen? I believe they are all no container. I would just like the text to only be as wide as the images.

[Friech]

Hi There,

Add this on the text element’s style field.

max-width: 76%; margin: 0 auto;

Hope it helps, Cheers!

[alisonglass]

that didn’t help it just made it smaller inside of the area under the image. I am attaching 4 pictures. The first two are what my page looks like in cornerstone the second two are what it looks like live. Why is there a difference?

[alisonglass]

that didn’t help it just made it smaller inside of the area under the image. I am attaching 4 pictures. The first two are what my page looks like in cornerstone the second two are what it looks like live. Why is there a difference?

Thanks for your help!
Jessica

[Jade]

Hi Jessica,

Would you mind providing your admin details so that we can check the pages in Cornerstone?

Thank you.

[alisonglass]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. I have investigated your site and it turns out that you are using Jetpack and Photon module is enabled. Photon module limits the width of your images that is why it is displaying differently in the live site. In Cornerstone, the images were loaded exactly as where it is located. In the live site, the images were loaded by Photon. To know the limitations of having Photon, please check it here: https://jetpack.com/support/photon/

And by the way, since you are using SiteGround, could you please disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

[alisonglass]

Hi Rue,

I looked at the jetpack situation and on my end it said that photon was not activated (attached file). Is there another reason that they things could be different?

I am confused about disabling the supercacher? Is it interfering with Cornerstone or X? Is it redundant with something else? I am not sure why it should be disabled. (I looked to see if other people had asked this, is it perhaps another 3rd party interference thing?) If that is true then I was having the sizing problems prior to being hosted on Siteground.

Thank you for your help,
Jessica

[alisonglass]

I do not know how that all worked. But it did and I am so happy. Thanks!!!

[Author]

Posts