Can you provide custom css for row height, icon sizing & column spacing? I cannot seem to target the elements correctly. I also do not see how to change these in the column or row settings.
See attached images showing changes that are needed and desired result. Thanks!
What you could do is add a CSS class to the extra class name option on the row settings. Then use that to target the row and other items you have added to the row with your CSS selectors.
Thanks, Eliud. I already have a css class for the columns called "bulletins." What I cannot figure out is how to target the icons. Can you help me with that?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Can you provide custom css for row height, icon sizing & column spacing? I cannot seem to target the elements correctly. I also do not see how to change these in the column or row settings.
See attached images showing changes that are needed and desired result. Thanks!
Hi Rodney,
What you could do is add a CSS class to the extra class name option on the row settings. Then use that to target the row and other items you have added to the row with your CSS selectors.
For columns you there are padding and margin option on the columns settings as shown here:
https://themenectar.com/docs/salient/page-builder-columns/#padding
https://themenectar.com/docs/salient/page-builder-columns/#margin
Cheers.
Thanks, Eliud. I already have a css class for the columns called "bulletins." What I cannot figure out is how to target the icons. Can you help me with that?
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.bulletins i[class^=icon-].icon-default-style:before { color: #cc1818 !important; }Thanks
ThemeNectar Support Team