Tagged: Layout elements
-
AuthorPosts
-
January 19, 2014 at 9:48 am #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!January 20, 2014 at 4:05 pm #212280Hi 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,
YigitJanuary 25, 2014 at 3:07 pm #214804This 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
January 28, 2014 at 6:10 am #215652Hey!
You can enable this:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Cheers!
JosueJanuary 28, 2014 at 6:13 am #215655yes 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
January 28, 2014 at 6:16 am #215660Hey!
No, that’s expected. You can only set classes to Content and Media elements (and Color section).
Cheers!
JosueJanuary 28, 2014 at 6:18 am #215662Yes 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
January 28, 2014 at 9:52 am #215696Hey!
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,
JosueJanuary 28, 2014 at 8:50 pm #216036Hi 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 ;) -
AuthorPosts
- The topic ‘Change Color in Layout Elements’ is closed to new replies.