Thank you for your reply. Could you please tell me exactly where I should place it?
[/av_textblock]
[av_button label='I’m a Retailer - I Want to Try It!' link='manually,https://itunes.apple.com/us/app/whosin-retail-are-you-in-increase/id953642199' link_target='_blank' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#3af72c' custom_font='#ffffff']
[av_button label='I’m a Customer - I Want to Try It!' link='manually,https://itunes.apple.com/us/app/whosin-are-they-in-or-out/id953675452' link_target='_blank' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
[/av_section]
Hi!
Please use the below css :)
#header .avia_mega_text_block {
line-height: 18px;
font-size: 14px!important;
}
Regards,
Vinay
Hi Jasmer!
We are working on this please check back in a while.
Please use the below code int he quick css
.avia-builder-el-19 .modified_width .button {
margin: 0;
padding: 16px 20px!important;
font-weight: normal;
font-size: 0.92em!important;
min-width: 142px!important;
outline: none;
}
Regards,
Vinay
-
This reply was modified 10 years, 3 months ago by
Vinay.
Hi,
I am having a really frustrating time with various mobile break points for font sizes so that my menu items don’t bump down onto a separate line. If there is an easy solution please stop me here.
What I’ve noticed is that there is a general CSS rule for .container that applies a 50px padding to left and right, which works just fine for my header. What I want to do is get rid of this padding ONLY FOR MY NAVBAR/MENU. When I test this out using Chrome it solves all of my text sizing issues right off the bat.
I’ve tried a variety of #header_main_alternate > .container to get rid of the padding in my custom CSS, using the divs before both, either and neither of these elements. None of these solutions works. Can you please help me get rid of this padding!?
Thanks,
Christin
-
This topic was modified 10 years, 3 months ago by
vailjazz.
Hey Charlotte!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom class and then add following code to Quick CSS
.your-custom-class .avia_iconbox_title {
font-size: 16px !important;
color: black !important;
font-family: oswald !important;
}
Regards,
Yigit
Hey tonyska!
1.
To Change the logo font size please add the below css in Enfold > General Styling > Quick CSS
div.container.av-logo-container h1 {
font-size: 32px;
}
2.
To change header height
#top #header_main > .container {
height: 100px;
line-height: 100px;
}
3.
To view the class names you can right click inspect the element and change the css in the browser.
Hope this helps :)
Best regards,
Vinay
Hey Adrian,
I’m not sure exactly what font sizes you want to change, could you post a screenshot highlighting the changes you would like to make please? You can upload to a service like imgur.com or a public dropbox folder and then link to them here.
Regards,
Rikard
Hi Dzimnikov,
The text seems to take up too much space there on tablet sizes, you could try something like the following in Quick CSS:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.slideshow_align_caption h2 {
font-size: 34px !important;
}
.avia-caption-content {
font-size: 26px !important;
}
}
You will probably have to experiment a bit with the font size values to get it right.
Thanks,
Rikard
Hi DROR!
Please add following code to Quick CSS
.grid-content, .grid-content * {
background: #c05f5f!important;
}
h3.grid-entry-title.entry-title {
color: white;
font-size: 14px;
}
Cheers!
Yigit
Hi, I would like to know how to increase the title font size in a portfolio element grid and also how to change the background color to #c05f5f and the font to white?
Thanks.
I understand how to edit the text in the menu. But I want to edit the text style. I’d like to make the font size smaller.
Hi!
Please change the code to following one
.avia-icon-list .iconlist_icon {
font-size: 16px;
height: 40px;
width: 40px;
line-height: 40px;
}
Cheers!
Yigit
Hi!
Please add following code to Quick CSS as well
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
Hi,
how can I style the accordion in different ways? Colors, font size etc. It looks extremely “minimal”…
Thx
Also, how do I increase the font size of the secondary header?
Hey!
Please add following code to Quick CSS
.avia-icon-list .iconlist_icon {
font-size: 16px !important;
}
Cheers!
Yigit
Hey!
Please add following code to Quick CSS
body p {
font-size: 16px;
}
Best regards,
Yigit
-
This reply was modified 10 years, 3 months ago by
Yigit.
Hi Vinay,
I installed the plugin and it works fine. If I go to Advanced Styling I can customize the font size of H1-H6, Menu links, etc. But there is no option to customize the “Default Content Size”. Which option do I need to select to set the default size of body text to 15? (Changing the size in General Styling does not work).
Thank you,
Julia
Hi. I am building my first online store in Enfold theme (with woo commerce) and need to make some changes to the layout of the product page – increasing size of Price; removing recent posts in sidebar; adjusting font sizes and colours. Also the main photo of the product varies between different product pages? Where should I go to adjust these settings? Adrian
Hey Andy,
1.
You got me wrong. I would like to have the breadcrumbs to the left. I achieve it with this CSS:
.title_container .breadcrumb {
right: auto;
left: 0;
font-size: 13px;
}
or as per your a/m CSS that I modified to
.breadcrumb.breadcrumbs.avia-breadcrumbs {
right: auto;
left: 0;
}
BUT – please read my question carefully since I told this several times before – this does not work for archive pages, because I use transparent header! And Enfold archive pages do not use transparent header by default! So it messes up the header area on archive pages and it looks like this: http://www.directupload.net/file/d/4232/r6lbr83d_jpg.htm
Think would be much better to have transparent header on archive pages too, since this way it looks only half done!
Please kindly help solving this prob. Thank you.
Best regards
LeUP
-
This reply was modified 10 years, 3 months ago by
LeUP.
Hi Yigit,
Thanks for yur quick response. I am sorry to tell you that it doesn’t work.
This is my custom css at this moment.
.main_menu > div {
height: 40px !important;
}
.av-main-nav > li > a {
text-transform: uppercase;
}
.slideshow_caption { width: 100%; }
.avia-caption-content
{ font-size: 18px !important; text-transform: none !important;}
.avia-testimonial-content h3 {
font-family: PT sans !important;
}
Hey volocom7!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-sort-by-term {
font-size: 16px;
}
Best regards,
Yigit
Hi Harris!
Do you mean Mega Menu titles? If so, please add following code to Quick CSS in Enfold theme options under General Styling tab
#header .mega_menu_title {
font-size: 14px;
}
Cheers!
Yigit
Hey,
How do change the column menu font size. Thx.
Hi!
Please add following code to Quick CSS
#header .widgettitle {
border: none!important;
text-align: right;
color: red;
font-size: 12px;
}
Cheers!
Yigit
Thanks Yigit, thats worked bar the positioning of the added text in the header, in the css how would i get the end of the added txt (tel number) to align up with the end of the nav bar items?
Also if i want to change the font, size colour etc is this done by adding this to the same css?
Hey!
The login page is broken please see screenshot below however by chance i could see the dashboard option and clicked on it to get in.

The font you are using is set to it’s lowest thickness which is font-weight:100; it cannot be made any more thin.
To make it look thin you can reduce the size a bit so it looks small and thinner.
To reduce the site please goto admin > pages > front > Full screen slider and check out the options.

This is out of support scope but i personally think it will help you if you like to play around on your own check out this plugin to install some google fonts and see if you like it. again we do not support this plugin nor we have tested it with enfold.
https://wordpress.org/plugins/easy-google-fonts/
If you have any more questions please feel free to let us know… we are glad to help you!
Thank you for using Enfold!
Cheers!
Vinay
Thanks for the reply Josue,
I added this code to my css and it fixed the issue:
.fpmx-button{
background-color:#37782E;
color:#fff;
font-size:19px;
padding:15px 20px;
text-align:center;
position:absolute;
right:15%;
top:15px;
z-index:10000;}
Kind regards,
MediaX
Hey!
Please check the frontend of the website. The following css have been applied in the quick css to code the contact info in the header this.
/* Header contact info*/
#header .widget {
left: 50px;
right:50px;
padding-top: 25px;
position: absolute;
top: 0;
z-index: 999;
}
.meta-phone {
float: right;
padding-top:10px;
}
.meta-phone h3{
font-size:18px;
color:#FFF!important
}
.meta-phone span {
display:block;
}
@media only screen and (max-width: 768px) {
/* tablets and desktop */
.meta-phone {
display:none;
}
}
Best regards,
Vinay
Hi Luisgasser!
Add this to your custom CSS.
.iconlist_icon.avia-font- {
font-size: 20px !important;
}
Regards,
Elliott