Blog Styling

Support
#1

Hi,

Can you please explain how to make basic styling changes to the blog part of my website?

The menu isn’t on the posts-list for some reason and I can’t figure out why. Most of the other styling hasnt come across from the rest of the site either. It even feels like the Header styles aren’t being carried through

Thanks

https://wordpress-109686-318133.cloudwaysapps.com/blog/

#2

Hi There,

Please add the following code to add a background to your blog page

.blog .x-navbar {
    background-color: #2c3e50 !important;
}

Hope it helps

#3

Thanks Joao - do i have to use custom css for all my blog styling - are there no settings as with the rest of the site?

Can i customise blog posts with cornerstone etc or is it all via custom css?

#4

Hi there,

If you have any specific styling requirements, you need to add custom CSS rules accordingly. Theme specific styling options can be controlled through Customizer (Appearance -> Customize -> Blog).

Hope that helps.

#5

Thanks - how do i target the styles / sizes of h1s and h2s but only for blog posts (so not changing the styling of h1s and h2s in pages)?

also, why is there no menu for the main blog page? https://wordpress-113393-328106.cloudwaysapps.com/blog/

#6

Hi There,

You can target blog pages and single blog posts as follows.

Follow the examples below.

/* Blog Index Page */
.blog h2.entry-title a {
    color: #ff0000;
    font-size: 20px;
}

/* Single Blog Posts */
.single-post h1.entry-title {
    color: #ff0000;
    font-size: 18px;
}

I see that you’re using an older version of X theme & Cornerstone plugin. Could you please try updating your theme & plugins and that should resolve most of your existing issues. You can check the latest version numbers from here (https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195) and you can refer to the update guide here (https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62).

Thanks!

#7

Thanks, I have updated the theme but am still unable to see the menu in the blog https://wordpress-113393-328106.cloudwaysapps.com/blog/

Are you able to tell me why that is please?

Thanks

#8

Hi There,

Did you try the solution I provided before? It targets specifically your blog page

.blog .x-navbar {
    background-color: hsla(210,29%,24%,0) !important;
}

Hope it helps

#9

Is there a way to change the font size of the blog body text without affecting the rest of the site or headings font size? The blog content is just too small.

#10

Hi there,

You can try adding a custom CSS for that.

It should be:

.blog .entry-wrap p,
.single-post .entry-wrap p {
    font-size: 1.6em;
}

Hope this helps.