Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 1, 2015 at 3:27 am #511917
    cagraphicdesign

    I created a colored area and placed five columns on it and styled them to look like boxes. I would like less margin between the boxes (columns) which would allow them to be wider. About half the default space that is there now would look better. Refer to the boxes on the pale blue area:
    http://cttdev.cagraphicdesign.biz/home2-2
    I assume it would involve a bit of css.

    October 1, 2015 at 9:50 am #512033
    Rikard

    Hi cagraphicdesign,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-146 .av_one_fifth {
    margin-left: 0% !important;
    width: 45% !important;
}

    Best regards,
    Rikard

    October 3, 2015 at 2:25 pm #513149
    cagraphicdesign

    That worked! Now I assume that if I want to do the same to another page I repeat the same css code and change .page-id-146 to that particular page but I do not understand exactly what a page id is…is it just the url? How do I figure out what the page id is for a page?

    October 5, 2015 at 6:17 am #513484
    Rikard

    Hi,

    Yes that is correct, you can find the page id by right clicking the page and select to inspect it. At the top of the code you will see the body tag and within its classes you will find the page id class, something like page-id-367. You can also see it in the URL of the page when you are editing it on the backend.

    Regards,
    Rikard

    October 6, 2015 at 4:37 pm #514556
    cagraphicdesign

    Thanks you can close this

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Reduce space between text boxes on colored background’ is closed to new replies.