Docs

[yhshin1020]

Hey,

I have a footer set up and I used the column shortcode 1/4+3/4 to align my footer content.

However, the image is slightly off the mark. Can you help me move the image down and to the right so that it is in line with the footer site map to its right?

I would also appreciate if you could help me create a thin line that separates the image from the sitemap on its right.

Thanks.

[yhshin1020]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

div#text-2 img {
    margin-top: 25px;
    margin-right: -50px;
    display: block;
    float: right;
}

Hope it helps 🙂

[yhshin1020]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

@media (min-width: 980px){
    div#text-2 .x-1-4 {
        position: relative;
    }
    div#text-2 .x-1-4:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 200px;
        background-color: #000000;
        right: -108px;
    }
}
@media (max-width: 767px){
    div#text-2 img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .x-column.x-sm.x-3-4.last {
        clear: both;
    }
}

Hope it helps 🙂

[yhshin1020]

This reply has been marked as private.

[Paul R]

Hi,

Please find the code that reads

div#text-2 img {
    margin-top: 25px;
    margin-right: -50px;
    display: block;
    float: right;
}

and change it to this

div#text-2 img {
    margin-top: 25px;
    margin-right: -50px;
    display: block;
    float: none;
    clear:both;
}

Hope that helps

[Author]

Posts