Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 2, 2015 at 11:41 am #496993
    mariocirillo

    Hello All,

    Im wondering if someone can assist. Hopefully its pretty straight forward.
    I am using a color selection and within that i have two columns for my content.
    One is 3/5 and the other is 2/5. Is there anyway of modifying these to a percentage?

    The reason i ask is that the content im using is an image and a tabbed box. Unfortunately on smaller screen resolutions the tabbed box spreads the tabs over two lines and doesn’t look great. So i need to tweak the column thats 3/5 in size to make it marginally smaller. eg 55% and 45% rather than 60% and 40%

    Any help would be greatly appreciated as always :)

    Many Thanks,

    Mario

    September 2, 2015 at 12:21 pm #497011
    Yigit

    Hey mariocirillo!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

     .page-id-805 #av_section_3 .av_two_fifth {
    width: 45%;
    margin-left: 0;
}
.page-id-805 #av_section_3 .av_three_fifth {
    width: 55%;
}

    Regards,
    Yigit

    September 2, 2015 at 12:27 pm #497014
    mariocirillo

    Hello Yigit
    Thankyou for getting back to me so quickly.
    I am assuming this will change it for everything? I don’t suppose there is a way of doing it for just that particular instance / page?

    Many Thanks,

    Mario

    September 2, 2015 at 12:48 pm #497029
    Yigit

    Hi!

    No, it will only change it only for the section you mentioned. That is why i have added page ID and section ID to the code :)

    Cheers!
    Yigit

    September 2, 2015 at 2:17 pm #497104
    mariocirillo

    Aha very smart! Thankyou very much :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom Column Width’ is closed to new replies.