-
Posts
-
In the Avia layout builder, I added a button but cannot find anywhere how I increase the size of the font inside the button. I added the following Quick CSS code – .avia-button.avia-size-large { font-size: 25px; } but regardless of how large I make the font size, nothing changes on the page. Any help would be greatly appreciated – thanks.
Hey rsoesman!
Can you please show us the page and the button, so we can try and help you out?
Thanks a lot
Best regards,
BasilisBasilis – Sure – This is a demo site I am playing with and am brand new to using Enfold. It is the Discovery Form button. I was also looking for a way to make this box transparent as well as seeing if there is a way to put a transparent box around the text above the button? Thank you very much!!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia_iconbox_title { font-size: 25px; }Try this to make the button transparent:
a.avia-button.avia-icon_select-no.avia-color-theme-color.avia-size-x-large { opacity: 0.8; }Let me know if you need further assistance.
Best regards,
JordanThat worked perfectly – thank you very much. Is there also a way to put a transparent box around a text block?
Hi,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayHi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your text block element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { padding: 10px; background: rgba(0,0,0,0.5); }0,0,0 is RGB value of the color and 0.5 is opacity level
Best regards,
Yigit
- You must be logged in to reply to this topic.