Docs

[babybuffer]

I use the Integrity stack. The blog layout of this template have picture top and text at the bottom . but i want to change a picture is on the left and text on the right. (As in the picture attachment)

[Christopher]

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.

[Rue Nel]

Hello There,

Thanks for writing in!

To resolve this issue and make your blog like what you shown in the screenshot, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
    .hentry{
        padding: 30px 0 0;
        border-top: solid 1px #e5e5e5;
    }

    .hentry.has-post-thumbnail:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .hentry .entry-wrap {
        background-color: transparent;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .has-post-thumbnail .entry-featured {
        float: left;
        width: 30%;
    }

    .has-post-thumbnail .entry-wrap {
        float: right;
        width: 65%;
    }
}

And lastly, please make sure that you have selected the standard layout in your customizer, Appearance > Customize > Blog > Style. Setting it to masonry will invalid the code and will display your blog in masonry grid like layout.

Hope this helps.

[babybuffer]

my URL : http://www.lucid-trader.com/

i want my blog is to show 1 column that have picture on the left and text on the right as in the picture attachment

plz help ,, many thanks

[babybuffer]

i get my layout that i want but now i found a new problem is a “Tag” in a blog post is on the left (as in picture attachment) . i want them in a standard position (in a bottom of the post).

plz help , thanks x-theme

[babybuffer]

this code is impact in all post … I want to change only my blog post layout

plz help

@media(min-width: 980px){
    .hentry{
        padding: 30px 0 0;
        border-top: solid 1px #e5e5e5;
    }

    .hentry.has-post-thumbnail:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .hentry .entry-wrap {
        background-color: transparent;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .has-post-thumbnail .entry-featured {
        float: left;
        width: 30%;
    }

    .has-post-thumbnail .entry-wrap {
        float: right;
        width: 65%;
    }
}

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (min-width:979px){
.blog .entry-wrap {
    width: 65%;
    float: left;
}
.blog .entry-featured {
    float: left;
    width: 30%;
}
.blog article {
    padding: 60px;
    background-color: #121212;
    border-radius: 4px;
    box-shadow: inset 0 -0.125em 0.5em 0 rgba(0,0,0,0.85),0 3px 2px -2px rgba(255,255,255,0.075);
    overflow: hidden;
}
}

Hope it helps.

[babybuffer]

It like this T_T

[babybuffer]

I just want like this website

[Rue Nel]

Hello There,

Thank you for the clarifications! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[babybuffer]

i got it . thanks for quick support ^^

[Christopher]

You’re welcome.

[Author]

Posts