Docs

[Kerri S]

Hello,
I’m having troulbe targeting the CSS for the a:hover on a section of a page. When I change it, it changes the entire page even though there are not other li’s
CSS:
.postid-1185, .x-ul-icons li , a:hover {
color:#fff; }

URL: http://ilivedev.space/epi/index.php/facts-stats/

When I use the code above it turns the other links white on hover too. Could you please advise on how to fix?

Thank you!

[Kerri S]

Another problem I’ve just discovered is that pages that are not using Cornerstone don’t have any padding.
I added CSS to customizer:
.entry-content content {
padding-left: 8px,
padding-right: 8px
}

Example:
http://ilivedev.space/epi/index.php/child-care-assistance-program-3/

thanks!

[Lely]

Hi Kerri,

If you’re targeting the link inside li on that specific page, please update above CSS to this:

.postid-1185 .x-ul-icons li a:hover {
color:#fff;
 }

The comma made it another entity which will make the link hover for the entire site to white.

For the second question, that is because of the following custom CSS:

.entry-wrap > .x-container.max {
    width: 100%;
    max-width: 100%;
}

That CSS will make the content display from end to end of the browser, leaving no space.

Hope this helps.

[Kerri S]

Thanks.

.entry-wrap > .x-container.max {
width: 100%;
max-width: 100%;
}
This works with pages that used Cornerstone but not anything that’s a standard post or page NOT using cornerstone, like this http://ilivedev.space/epi/index.php/join-us-for-our-8th-annual-policy-and-budget-conference/

[Lely]

Hi Kerri,

We have to move that CSS in Settings Tab > Custom CSS of the Cornerstone pages for that to not affect any startdard post or page. Custom CSS in Appearance > Customize > Custom > Custom CSS will work for the entire site. On the other hand CSS on Settings Tab > Custom CSS will work for that specific page only. Please just move the CSS for each Cornerstone posts only.

Hope this helps.

[Author]

Posts