Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #642975

    Hi,

    With reference to: https://kriesi.at/support/topic/how-do-i-make-the-single-post-with-full-screen-wide-featured-image/

    I need my featured photo to be full width above the rest of the post, out of the container. Is there a way to re-create in CSS without having to go into the template files?

    I am looking to re-create something similar, but the CSS is not working for me.

    .template-single-blog {
    width: 100% !important;
    }
    
    .template-single-blog main.content.units.twelve.alpha {
    	width: 100%;
    }
    
    .template-single-blog main.content.units.twelve.alpha article > *, .template-single-blog main.content.units.twelve.alpha > * {
    	width: 1030px;
    	margin: 0 auto;
    	float: none;
    }
     
    .template-single-blog main.content.units.twelve.alpha article .big-preview.single-big, .template-single-blog main.content.units.twelve.alpha article {
    	width: 100%;
    }

    I have tried the above CSS to no avail. You may refer to my post link under private content and looking forward to your advise

    #642979

    Hey grayson3323!

    I am afraid not.
    The image is inside the main grid, so doing that would require to do a lot of modifications to both desktop but responsive view.
    Best is to create a child theme, and do any changes you want following the tutorial provided.

    Thanks a lot for your understanding

    Cheers!
    Basilis

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.