-
Posts
-
Hi,
I’m looking to change the grid row border width for the middle column so that it looks like this:
See 3 column row under header (confidence, peace of mind, financial freedom)
https://valuegrowthcg.com/How do I apply this format to in Enfold in the Grid Row widget?
I’ve used this custom CSS to only shrink the width of the center cell to divide the cells with a white border. This custom CSS was placed in the style.css file via Theme Editor.
.painpoint-mid .av-border-cells .flex_cell {
border-style: solid !important;
border-width: 5px !important;
border-color: white !important;
}I’ve used the custom CSS in the middle cell to make this work and it isn’t accepting it (no effect). I’ve applied the painpoint-mid CSS to the middle column only.
Here is the area that I want the effect to be applied to:
What am I doing wrong?
I’ve used this forum post to help me but it is missing images so that I can’t see the completed solution. I want to target a specific cell (middle) to make changes.
Hi,
Thank you for your patience and the login and the link to your example, I added this to your Quick CSS to achieve the white border to your center cell, please clear your browser cache and check.#top.home #av-layout-grid-1 > .el_after_av_cell_one_third.el_before_av_cell_one_third { border-right: 10px solid #fff; border-left: 10px solid #fff; }Best regards,
MikeThanks Mike…beautiful solution. This only applies to a specific grid row correct? I only want it to target this one.
- You must be logged in to reply to this topic.