Pro Theme Blog Page Issue

Support
#1

Hi,

If you visit http://bellone.com/blog you will notice the post preview is beneath the header. I am unable to edit the blog page with the pro editor. How do I push the blog grid down so it doesn’t overlap?

Thanks

#2

Hello There,

Thanks for writing in! Please be informed that once a page is assigned as your post page, you can no longer use Pro editor or even the default WordPress editor to edit the page. This is because WordPress will take over the page and the post items where generated dynamically with the use of the index template. To know more about creating the blog page, please check out this codex: https://codex.wordpress.org/Creating_a_Static_Front_Page#Creating_a_Static_Front_Page

Hope this explains it briefly.

#3

To be clear, in order to add a margin to the blog page so the masonry posts begin lower on the page, I need to make a custom php file?

#4

Hi There,

I could see that the height of bar is 9em(144px) but the top margin and height of your logo is greater than 9em.

Please change the height of bar to 10em instead.

Let us know how it goes!

#5

@thai

I got it working thanks to your insight. I have one more question regarding the /blog page. How can I change the default color of the post excerpt from white to something else? I cannot seem to find an option within the Pro interface. Thanks.

#6

Hi @shanebellone

This can be changed from the “Theme Options > Typography > Body” settings as in this screenshot:

However, if you want to change the excerpt color only, you can add this CSS code to (Theme Options > CSS):

.entry-content.excerpt {
    color: #ff0044;
}

Thanks.

#7

Appreciate the quick reply. However, I am not referring to the text color but the white background that the post excerpt is displayed on when visiting the /blog page.

#8

Hello @shanebellone,

Thanks for updating the thread.

To change background color, please add following CSS under Pro > Theme Options > CSS:

.x-iso-container-posts>.hentry .entry-wrap {
    background-color: #ddd !important;
}

Please note that providing support for custom codes (like CSS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#9

Exactly what I was looking for. I was trying to avoid custom CSS in hopes there was a theme option but that definitely works. Thanks for all your help.

Theme.co has amazing customer support. Take care!

#10

You are most welcome. :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.