Viewing 15 replies - 1 through 15 (of 16 total)
  • Thread Starter sher21

    (@sher21)

    Please help me out….i have been trying to look out for solution from past 15 days

    Thread Starter sher21

    (@sher21)

    Remember it is a post not a page…for page i know how to increase the width but same thing doesnt work for posts

    Thread Starter sher21

    (@sher21)

    #d4z_c0nf

    please have a look

    Is this what you mean? You’ll need some margin/padding to look better.

    .postid-99 .container {
    width: 100%;
    }
    Thread Starter sher21

    (@sher21)

    it has removed the left margin but right margin still exist

    meanwhile code looks legitimate

    is it possible to do it for a particular section on a post?

    its like i want to display one full width photo on the top of page (like a slider) and then after that the normal post details

    please have a look at the example –> though here i have used slider functionality but i want to avoid it. I want my post page to look like this, so if possible please tell me how to make the width 100% for a particular section of post

    Not sure what you’re trying to do? You can target the slider+text with:

    #pg-99-0.panel-grid {
        position: relative;
        left: -30%;
    }

    But that’s not changing the width of your slider. Is that what you’re trying to do?

    Thread Starter sher21

    (@sher21)

    Ok, check this post

    and if possible please tell me, is it possible to make the photo width 100 %?
    i just want to remove the margins (left and right) on the photo….

    please dont make any changes to the details mentioned below the photo, i want them as it is

    let me know if i have made myself clear

    Try this, and then can adjust.

    /* Background */
    #bwg_container1_0 #bwg_container2_0 .bwg_slideshow_image_wrap_0 {
        width: 160% !important;
        height: 500px;
        position: relative;
        left: -30%;
    }
    /* Image */
    .bwg_slider_0 img {
        width: 420%;
    }

    By stretching your images, you’re getting distortion.

    take out :

    max-width: 458px !important;
    max-height: 285.25px !important;

    Thread Starter sher21

    (@sher21)

    it is not a slider, it is just a normal photo

    i am using page builder plugin, and there after adding text i have added this image as a background,

    i think we need to add some css code there?

    Sorry, I went to the wrong link. Give me 5 mins…

    Thread Starter sher21

    (@sher21)

    sure sir no problem

    I’ve asked @d4z for a better solution

    Not quite right yet:

    #pgc-121-0-0 .panel-widget-style {
    	width: 150% !important;
    	position: relative;
    	left: -31%;
    }

    Thread Starter sher21

    (@sher21)

    it has distorted the whole thing

    See #9. How can you widen an image without distorting it or resizing it?

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘How to increase the width of sections in post’ is closed to new replies.