Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 10, 2018 at 9:29 pm #983843
    Ushbot

    Hi!

    I wanted to have equal margins on my masonry portfolio on one page (see link in private content).
    My solution for this would have been to set .responsive .container to max-width:100% for the page with the page-id-page-id-2097.
    The problem is that if i add the page-id as a class i can’t seem to target the element. If I change the code without the page id it affects all the pages and messes up my layout there. Any idea how i can target this specific element / page?

    Thanks!

    July 10, 2018 at 10:41 pm #983891
    Jordan Shannon

    Hey Ushbot,

    Perhaps you can give the element you want to target a unique identifier and target it that way. Please refer to the following:

    Advanced layout builder

    Best regards,
    Jordan Shannon

    July 11, 2018 at 5:41 am #984031
    Ushbot

    thanks! I tried giving the element a class and an id – none of those helped :/

    July 11, 2018 at 11:31 am #984132
    Victoria

    Hi Ushbot,

    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

    
#exhbackground .container {
  max-width: 100%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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