Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #211881

    Hi I love this theme! I was wondering if there is a way to change the color of the layout elements.. I would love to have the Main Content Color Background white… And the color of my elements different(for example Lastest news section a different color … ) to create various accents on the pages…
    Is there anyway to do this?
    Thanks so much!

    #212280

    Hi TheodoraPhotography!

    You can right click on element that you would like to customize and click Inspect Elements on Chrome or Firefox to find its element ID ( in screenshot it is 4 ) and apply custom CSS using it. Please see screenshot here http://i.imgur.com/HDyVXiI.jpg
    I used following code in Quick CSS section in Enfold theme options under Styling tab

    .avia-builder-el-4 p { color: red; }

    Regards,
    Yigit

    #214804

    This approach for colouring layout elements is really problematic. These ID numbers are all generated based on the order of where they sit on the page. So if you change one of them, all the ID’s get regenerated, which in turn throws out all your CSS coding. I’ve discovered this the hard way.

    What would be ideal is for the CSS custom classes to be enabled for layout elements by default, just like they are for color sections. This way you can apply classes to layout elements, and they will stick regardless of any other changes you make to a page.

    G

    #215652
    #215655

    yes I have done this already. It only appears to add custom CSS option to content and media elements, but not layout elements. So for example, I can’t set a custom class for any of the 1/1, 1/2, 1/3 layout elements. I can however set it for a color section, but not the others?

    Have I done something incorrectly?

    G

    #215660

    Hey!

    No, that’s expected. You can only set classes to Content and Media elements (and Color section).

    Cheers!
    Josue

    #215662

    Yes that’s the challenge. Those elements often sit inside a parent item which is a layout element dictating the contents width and positioning. It would be great to be able to apply classes to those two.

    For example, being able to have four 1/4 layout columns sitting next to each other as 4 columns, with each one having it’s own background color and padding specified through a custom class or ID.

    G

    #215696

    Hey!

    Unfortunately that featured is not available at the moment, your best bet would be to use Yigit’s suggestion (which will work without issue in most cases), also feel free to request it here.

    Best regards,
    Josue

    #216036

    Hi Yigit, Thanks for the feedback. unfortunately it didn’t seem to work . But decided to go another route on the site.. Thanks so much
    Britya Condya Nondi ;)

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change Color in Layout Elements’ is closed to new replies.