Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 30, 2018 at 7:55 pm #1028208
    Josh

    Hello, i am trying to space the five colored columns of the Grid Section that is under the first section 10px from each other (no spacing on the far left or right of the window.

    Is this possible?

    October 30, 2018 at 10:44 pm #1028235
    Jordan Shannon

    Hey HostageMedia,

    Add this to quick css:

    .avia-builder-el-17, .avia-builder-el-20, .avia-builder-el-23,.avia-builder-el-26{
border-left-width:10px!important;
}

    Best regards,
    Jordan Shannon

    October 31, 2018 at 12:58 am #1028313
    Josh

    Hello and thank you. However, that only added the 10px after the first of the columns, the others are still 1px.

    October 31, 2018 at 7:09 pm #1028581
    Jordan Shannon

    Hi,

    Hmm it seems the classes changed. Please try the following instead:

    	.avia-builder-el-26, .avia-builder-el-29, .avia-builder-el-32, .avia-builder-el-35{
border-left-width:10px!important;
}

    Best regards,
    Jordan Shannon

    October 31, 2018 at 8:14 pm #1028602
    Josh

    Great, thank you — worked great. How can i avoid changing them again? Possibly changed when i added some other stuff to the page, im guessing?

    October 31, 2018 at 8:28 pm #1028611
    Jordan Shannon

    Hi,

    They generally should be static so its odd that they changed. If they change again then we can try and force custom classes on them and base the code off that:

    Advanced layout builder

    Best regards,
    Jordan Shannon

    November 2, 2018 at 8:53 pm #1029323
    Josh

    they changed again, looks like. i didn’t do anything to that grid row, just added something above them.

    thanks in advance!

    November 5, 2018 at 7:18 pm #1030000
    Jordan Shannon

    Hi,

    Alright, have you view the link posted above? We may have to give it a static class.

    Best regards,
    Jordan Shannon

    November 5, 2018 at 7:21 pm #1030002
    Josh

    Hi Jordan, how do i give it a static class and what would the updated css be? Please advise.

    I looked over the link, yes, but not sure how making a template applies. just let me know. j

    November 5, 2018 at 11:19 pm #1030098
    Jordan Shannon

    Hi,

    This doc should show you how to add a class id to any ALB element:

    Advanced layout builder

    We would update the css based on the class name you give it so we have to do that first.

    Best regards,
    Jordan Shannon

    November 8, 2018 at 8:04 pm #1031360
    Josh

    Sorry for the slow reply,
    I gave the Grid Row an ID or “tile-row”. Doesn’t look like i can ID the cells themselves.

    November 9, 2018 at 8:38 pm #1031805
    Victoria

    Hi HostageMedia,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top div .no_margin.avia-builder-el-22,
#top div .no_margin.avia-builder-el-28,
#top div .no_margin.avia-builder-el-25,
#top div .no_margin.avia-builder-el-31 {
  border-right: 10px solid #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.