Edit Feature Boxes from 3 to 2

  • m0b1us

    (@m0b1us)


    9 years, 2 months ago

    Hello,

    May i know how to make feature boxes only show 2 boxes rather than 3 ?
    i check in custom_home.php file have css class “col span_1_of_3” and i change to “col span_1_of_2” but it looking very weird now.
    kindly advise
    Agus

Viewing 7 replies - 1 through 7 (of 7 total)
  • saurabh.dhariwal

    (@saurabhdhariwal)

    9 years, 2 months ago

    Hello m0b1us,

    Follow below steps:

    1. Login as admin and go on theme customizer Dashboard >> Apperance >> Customize or Click on Custimze link on top bar from front-end.

    2. Then navigate Additional CSS and put below css into textarea then click on Save & Publish button.

    div.group div.span_1_of_3:last-child {
    display:none;
    }

    .span_1_of_3 {
    width: 49.2%;
    }

    .fadeInUp {
    animation-name: slideInRight;
    }

    @media only screen and (max-width: 600px) {
    .span_3_of_3 {
    width: 99.6%;
    }
    .span_2_of_3 {
    width: 99.6%;
    }
    .span_1_of_3 {
    width: 99.6%;
    }
    .recent_span_1_of_3 {
    width: 49.2%;
    }
    .section_thumbnails .col{
    margin:0;
    }
    }

    @media only screen and (max-width: 480px) {
    .span_3_of_3 {
    width: 100%;
    }
    .span_2_of_3 {
    width: 100%;
    }
    .span_1_of_3 {
    width: 100%;
    }
    }

    Hope this helps you.

    Thread Starter m0b1us

    (@m0b1us)

    9 years, 2 months ago

    Dear saurabhdhariwal,

    thanks it’s working great. now i can see 2 products in the middle of my website, but in the below it still showing the 3rd boxed with the word ‘Insert Image’ is there is need to remove/editing in the coding side?

    thanks
    Regards
    Agus

    saurabh.dhariwal

    (@saurabhdhariwal)

    9 years, 2 months ago

    Hello m0b1us,

    Happy to hear that solution worked for you.

    Can you please share your website details here. So, that I will help you to come out from issue.

    Thread Starter m0b1us

    (@m0b1us)

    9 years, 2 months ago

    Dear Saurabhdhariwal,

    Thanks you very much still assisting me. appreciated.
    here is my website Pesan Durian Medan.

    the image i draw still have the small issue.. which still appear the word of ‘Insert Image’

    Thank You, regards
    Agus

    Thread Starter m0b1us

    (@m0b1us)

    9 years, 2 months ago

    Dear Saurabhdhariwal,

    i just realized in my footer now it’s became 2 column as well. is it possible the CSS make the feature of image 2 column only but the rest is remain 3 column ?

    Thank You
    Agus

    saurabh.dhariwal

    (@saurabhdhariwal)

    9 years, 2 months ago

    Hello m0b1us,

    Remove above css that I provide 1 day ago & try with below code:


    div.featuretext_middle div.group div.span_1_of_3:last-child { display: none; }

    div.featuretext_middle div.group div.span_1_of_3 { width: 49.2%; }

    div.featuretext_middle div.group div.fadeInUp {
    animation-name: slideInRight;
    }

    @media only screen and (max-width: 600px) {
    div.featuretext_middle div.group div.span_1_of_3 {
    width: 99.6%;
    }
    }

    @media only screen and (max-width: 480px) {
    div.featuretext_middle div.group div.span_1_of_3 {
    width: 100%;
    }
    }

    Hope this will helps you

    Thread Starter m0b1us

    (@m0b1us)

    9 years, 2 months ago

    it working perfectly now !
    fantastic. many thanks

    Regards
    Agus

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Edit Feature Boxes from 3 to 2’ is closed to new replies.