Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 17, 2016 at 4:59 pm #633846
    Dee

    Hi

    I have browsed the forum and have found the following code to add a border to a layout element which I am looking to do:

    .avia-builder-el-20 { border: solid 2px #e1e1e1; padding: 10px; }

    It works great. The problem is that there are more than 1 layout element throughout the site with the same element ID number. So it is putting a border around ones I do not want.
    Is there a way to limit this per page? So that I can only border the elements on each page that I want and for it not to border all of the elements throughout the site with the same number?

    Hope that makes sense.

    Thanks
    Dee

    May 17, 2016 at 6:23 pm #633899
    Jordan

    Hey Dee,

    Thanks for getting in touch with us!

    When editing the layout element you can add a custom class to the element. For example, avia-border-layout, then your code will look like this:

    .avia-border-layout { border: solid 2px #e1e1e1; padding: 10px; }

    If you need further assistance, could you please provide a link and login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    May 19, 2016 at 10:52 am #635102
    Dee

    Super thanks
    Dee

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Border for Layout Elements Different per page’ is closed to new replies.