Docs

[Adam Breen]

Hi there
This has been written about elsewhere, but the solutions offered haven’t worked.
Please check http://livingnow.com.au and select any single article from the home page.
You will see that the post title is significantly smaller than the H2, which is clearly an issue.
Please advise on how to resolve this.
Thanks

[Friech]

Hi There,

Thanks for writing in! The title on your home page http://livingnow.com.au/ is taking a CSS from newscodes plugin.

To adjust the font-size of the title on the single post page, you can add this under Custom > CSS in the Customizer.

.single-post h1.entry-title {
	font-size: 300%;
}

Hope it helps, Cheers!

[Adam Breen]

brilliant – thanks

[Thai]

If you need anything else please let us know.

[Adam Breen]

Hi there
You mention that the plugin Newscodes has ‘taken over’ the Theme CSS
Is that an accurate way to talk about it? If so, is there some way to get that plugin to only impact the CSS of the content inputted into it? Or can I simply override (or ignore) the css of this plugin?
I note that this plugin is supposed to work with Cornerstone, but it’s causing all sorts of headaches with how it’s presenting my titles (home page ALL CAPS, for instance, when I want the titles to be Normal).

Thanks

[Lely]

Hi There,

Did you change anything? I can’t see that plugin Newscodes override theme CSS.
Please see this:http://screencast-o-matic.com/watch/cD6u6YjHCf
We cannot control how a third party plugins works. What we can always do is override the style if that certain issue happens.

For the homepage all caps issue, please add this:

.newscodes ul.newscodes-wrap li h2> a {
    text-transform: initial;
}

Hope this helps.

[Adam Breen]

Thanks for the update. It semes that there is some weirdness going on with my CSS. Changes I make in the customizer aren’t displaying consistently:
– footer text should be white
– newscodes change as you showed above not consistent

When I am logged into the customiser it displays correctly
When I am on the front end, it doesn’t

While I’m at it, I am also attempting to:
– change the hovor color for all links to orange
– change the text in the top bar to white

I have cleared my cache and also purged the cache on the server, but the issue still arises.

I have posted all of the CSS from the customiser below – perhaps I need to remove or resequence?

——————

.x-navbar .desktop .x-nav>li>a>span {
padding-left: 5px;
padding-right: 5px;
}

.x-navbar .desktop .x-nav > li:nth-child(1) > a:not(.x-btn-navbar-woocommerce),
.x-navbar .desktop .x-nav > li:first-child > a:not(.x-btn-navbar-woocommerce) {
padding-left: 0 !important;
}

.x-navbar .desktop .x-nav > li:nth-child(1) > a > span,
.x-navbar .desktop .x-nav > li:first-child > a > span {
padding-left: 0px;
}

.x-btn-navbar {
margin-top: 20px;
color: #000 !important;
}

@media (max-width: 1440px) {
html body {
padding-left: 10px !important;
padding-right: 10px !important;
}

.x-colophon.bottom .x-colophon-content,.x-colophon.bottom .x-colophon-content, .x-colophon.bottom a, .x-colophon.bottom .x-nav li a {
color: #ffffff;
}

.x-colophon.bottom a:hover {
color: #ff5100;
}

.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-nav li:after,
.x-colophon.bottom .x-colophon-content a {
color: #ffffff;
}

.x-colophon.bottom .x-colophon-content a:hover,
.x-colophon.bottom .x-nav li a:hover {
color: #ff5100;
}

.single-post h1.entry-title {
font-size: 200%;
}

.single-post h2 {
font-size: 150%;
}

.newscodes ul.newscodes-wrap li h2> a {
text-transform: initial;
}

[Christopher]

Hi there,

Please find this code and close curly bracket :

@media (max-width: 1440px) {
html body {
padding-left: 10px !important;
padding-right: 10px !important;
}

Add this code as well :

body .x-topbar p.p-info {
    color: #fff;
}

Please change links color under Customize -> Typography.

Hope it helps.

[Adam Breen]

Hey there
I have added the CSS as suggested above, but it’s still not displaying correctly. Also, the link colors in the customiser have already been setup as they should be.
Interestingly, it seems to be that the ALL CAPS is only displaying when the browser window is beyond a certain width.
If you view on mobile, tablet, or any resolution smaller than my macbook pro’s 2560 it shows up as desired.
The navbar text color has not changed at all.

[Friech]

I’ve just replied to your other post here: https://community.theme.co/forums/topic/ongoing-css-trouble-consolidating-separate-tickets/

Thanks.

[Author]

Posts