Docs

[Dave]

I’m trying to add a full width image on my main blog page and individual blog posts as a page title. I’ve read through all the topics on this and have tried the css and javascript suggestions to no avail.
Also, I have the main sidebar active on the blog page but would love to be able to align the top of the sidebar to the bottom of the menu. Right now it starts at the top of the screen. Not sure if I can change that.
Any help would be appreciated.

[Nabeel A]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Dave]

This reply has been marked as private.

[Friech]

Hi There,

Please add this on your child theme’s functions.php file.

function custom_banner() { 
 if(is_home() || is_single()): ?>
    <div class="custom-banner">
      <div class="x-container">
       <img class="x-img" src="YOUR IMAGE URL HERE" alt="banner" />
      </div>
    </div>
  <?php endif; 
}
add_action('x_after_view_icon__breadcrumbs','custom_banner', 30);

Replace the YOUR IMAGE URL HERE with your actual banner URL.

To make your ROW fullwidth, please turn off the Column Container option.

Hope it helps, Cheers!

[Dave]

I really appreciate the information and have the header added.
As far as the fullwidth option, it looks like your instructions are using Cornerstone to make the change but I don’t see how to use Cornerstone with the Blog page.
Thanks!

[Jade]

Hi there,

Please try to add this code:

.blog .post .x-container.max {
    max-width: 95%;
    margin-left: 0;
}

Hope this helps.

[Dave]

That’s giving a
Parse error: syntax error, unexpected ‘.’
from that first line.
Sorry I should be able to fix that but don’t know how.

[Friech]

Hi There,

Sorry about that, that code is a CSS so it should go under Global Custom > CSS in the Customizer.

Thanks.

[Dave]

I should have noticed that. Thank you!

[Thai]

If you need anything else please let us know.

[Author]

Posts