-
Posts
-
I have searched for this specific topic but have not been able to find it.
I would like to have the ability to add color to “layout elements” on a page.
2/3 or 1/3 things like that. I can really add interest to my pages with some color changes in just those areas.
The color element is full width, I need something shorter more customized
I hope you can help
thanksHey fixedopsinsight!
Can you post the link to your website and point out the columns you would like to edit?
Best regards,
YigitHi Yigit, This is a feature I would like to add to varies pages on with different configurations.
Unless that makes it harder to code, image a page with a 2/3 page element and a 1/3 page element.
I would like to add a color to the 2/3 area (as an example)let me know if that helps in what I am looking for
thanksHi!
You can target columns using page ID and element ID. I wanted to give you an example by checking your website but code should look like this
.page-id-59 .avia-builder-el-5 { background-color: #e2e2e2; padding: 10px; }Unfortunately currently there is no easier way of applying custom background color to column elements
Best regards,
YigitThank Yigit
where should this code be placed? in Quick CSS?
here is a page to show your example
http://electju.wwwsr11.supercp.com/
I want to target the upper left 1/2 page element (its the area with white type)you are right,
It will sure this will make better sense with an actual page exampleHey!
Please add following code to Quick CSS
.home .avia-builder-el-1 { background-color: white; padding: 10px; border-radius: 10px; }I highlighted what you should look for when you inspect elements to target correct column – http://i.imgur.com/5dubSlq.png?1
Regards,
YigitThanks Yigit,
This is clunky but it works. Perhaps this will be an added feature down the road.
thanks for your support, you make me look very good!
- The topic ‘Add color to different layout elements’ is closed to new replies.