Hey Guys,
How can I align an icon with text within a 1/3 column?
This is what I’m trying to makee it look like – http://nlpstaging2020.wpengine.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-20-at-11.33.03-PM.png (hosted on WPengine)
And here is the page – http://nlpstaging2020.wpengine.com/
Thanks!
Hey MikeTandySwag,
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
@media only screen and (min-width:768px) {
#av_section_2 .flex_column.av_one_half .aligncenter {
padding: 0;
margin: 0px;
}
#av_section_2 .flex_column.av_one_half + .av_one_half {
margin-left: -20px;
margin-top: 20px;
}
}
@media only screen and (min-width:768px) and (max-width: 1024px){
#top #wrap_all #av_section_2 .av_one_half h2 {
font-size: 26px;
padding-left: 20px;
}
}
@media only screen and (min-width:1024px){
#av_section_2 .flex_column.av_one_half .aligncenter {
margin: 0 0 0 20px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you that was perfect!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon