Hey DROR!
Please use following code instead
.entry-content {
font-size: 16px;
}
.iconlist_content {
font-size: 16px;
}
Regards,
Yigit
Hi, I want the text size in posts and in the icon list element to be bigger but when I use this:
body, body p {
font-size: 16px;
}
It also effects the text box element and the special heading subheading sizes and I can’t make them bigger if I want.
Is there a different CSS code I can use to only make the blog posts text size bigger and also to make the icon list text size bigger?
Thanks.
Are you sure that works? At least when I tried it, nothing changes…
For example this works:
#menu-item-152 { font-size: 20px; }
But as said, the color does not work…
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1380px) {
.av-main-nav > li > a { padding: 0 6px; }
#top #header .av-main-nav > li > a { font-size: 12px; }}
Cheers!
Yigit
Hey Coronacom!
You can change that on line 772 in the /enfold/config-templatebuilder/avia-shortcodes/slideshow.php file.
if(trim($title) != "") $title = "<h2 {$title_styling} class='avia-caption-title' $markup_name>".trim(apply_filters('avf_slideshow_title', $title))."</h2>";
You can use this CSS to change it’s size.
.caption_fullwidth .avia-caption-title { font-size: 20px !important; }
Best regards,
Elliott
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 17px !important;
top: 27px;
position: relative;
}
.avia-slideshow-dots.avia-slideshow-controls { display: none; }}
Best regards,
Yigit
Hey barrygur!
Try adding this to your custom CSS.
.main-title {
color: black !important;
font-size: 20px !important;
}
Best regards,
Elliott
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1160px) {
.av-main-nav > li > a { padding: 0 7px; }
.av-main-nav > li > a { font-size: 13px!important; }}
Regards,
Yigit
Thanks. This seems to have solved part of the problem – the headings are now smaller. I changed the font size to 10 and 8 as it was still too big
Is there anyway I can move them further down? I am assuming this is the padding option but not sure how much to adjust by?
Thank you for your help.
I figured it out with this code to not display the text and button and make the slideshow’s headline smaller. Is that ok?
@media only screen and (max-width: 480px) {
div .slideshow_caption h2 { font-size: 10px !important; }
div.avia-caption-content {display: none !important; }
.avia-slideshow-button {display: none !important; }
}
Cheers
I got a problem with the font of the main menu. On my homepage I’m using a sub menu below the header (layerslider) and on my other pages I’m using a main menu on top of the page.
Homepage:
http://imageshack.com/a/img661/8020/Jlg7SL.png
Other pages:
http://imageshack.com/a/img912/4690/keFIkt.png
As you can see in the above images the font size isn’t the same.
I have added the following quick CSS:
#header_main_alternate { background-color: #f19a2f; }
#top .av-submenu-container {
background-color: #f19a2f;}
#top .av-subnav-menu li a {background-color: transparent !important;
font-size: 17px; }
#top .av-subnav-menu li a > .avia-menu-text {
color: white;}
.sub-menu .avia-menu-text {color:grey!important; }
#logoheader {background: black;}
input[type=”date”]::-webkit-inner-spin-button{
display: none;}
p {
font-family: Open Sans;}
.main_menu ul:first-child > li > a { font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
.main_menu ul:first-child>li>a {
font-size: 17px;}
Can you help me out please, I’m stuck on this.
Hey James!
Thank you for using Enfold.
You can add this on Quick CSS or custom.css:
.single .entry-content-wrapper .post-title {
font-size: 40px;
line-height: 1.3em;
}
Best regards,
Ismael
Hey knitsfor!
Thank you for using Enfold.
Try to add this on Quick CSS:
@media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption .avia-caption-title {
font-size: 14px;
padding: 5px 7px;
}
.avia-caption-content p {
font-size: 12px;
padding: 5px 7px !important;
}
}
Remove browser cache then reload the page.
Best regards,
Ismael
This reply has been marked as private.
Is there a way to change the font size on tablet compared to desktop?
Can someone please give me the Quick CSS to increase the size of the title on a single post entry
http://totalgolftravel.com/golf-courses/10-must-play-golf-courses-in-orlando/
Thanks!
Im using the code below inside the LayerSlider HTML/Video/Audio area. But when viewing the page the button does not show up..
Will the button not work in the LayerSlider?
Thanks for your help :)
[av_button label='Get Started Now!' link='page,6341' link_target='' size='x-large' position='center' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue827' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
Hi 1lizcollins!
I cannot see rotating images ( slideshow? ) on your home, if you meant “Programs” text, please add following code to Quick CSS
@media only screen and (max-width: 990px) {
h2.av-special-heading-tag {
font-size: 20px;
}}
It is simply not possible to change the order of items on mobile. But you can turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your elements a custom CSS class and using custom CSS code, you can choose to hide/display them on mobile/desktop.
Best regards,
Yigit
Hi!
It is a small typo. Media queries should be added as following
@media only screen and (max-width: 480px) {
body { font-size: 14px; }
}
Regards,
Yigit
Hi Emma!
Thank you for using Enfold.
Try to use this on Quick CSS or custom.css:
.html_header_sidebar #top #header .social_bookmarks li a {
font-size: 30px;
}
Cheers!
Ismael
Hey DROR!
Thank you for using Enfold.
Try this on Quick CSS:
.entry-content-wrapper .post-title {
font-size: 31px;
}
Regards,
Ismael
Thank you Ismael!
We are really good shape except on the iphone display. The font size in relationship to the image looks great on the ipad, but it’s super tiny and out of position on the iphone, even with the font size adjustments.
Thank you so much.
Hi,
I am still stuck.
I just want to create the same table colors as http://kriesi.at/themes/enfold/pages/pricing/ but even with the suggestions I can’t get it done.
.pricing-table > li:first-child, .pricing-extra{font-size:50px !important; background-color: #fcb30a !important;}
This line changes the background colour and textsize of the first rown – “Private Plan”, “Business Plan”, “Mega Plan”
That works like I want it to.
However the other strings of code change more than one single row and none change the button.
Hi, I have previously styled the accordion toggle icons and text but for some reason on a new site it is not working.
The css I have used is;
/* This changes the colour of the icons on the accordian */
.toggle_icon {
color:#ffffff;
background-color:#f15d23!important;
}
.toggler
{
font-size: 16px;
color:#f15d23!important;
}
I am using a child theme and amending the css in its editor.
Hi,
You can prefix the .single-post class to your selectors so they only affect single-view Posts:
#top.single-post .fullsize .template-blog .post .entry-content-wrapper{text-align: left; font-size:18px; line-height: 150%; max-width: 660px; }
#top.single-post .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 660px; }
#top.single-post .fullsize .template-blog .big-preview img{width:660px;}
#top.single-post .fullsize .big-preview .avia-gallery {width: 660px;}
#top.single-post .comment_container{max-width: 660px;}
Regards,
Josue
Hi!
Please try adding !important rule as following
h3.iconbox_content_title {
font-size: 20px!important;
}
.iconbox_content_container {
font-size: 14px!important;
}
Regards,
Yigit
Hey bigcamera!
1- Please go to Enfold theme options > Footer and choose how many columns you would like to display on footer and then go to Appearance > Widgets and insert widgets to your footer widget areas
2- Please go to Appearance > Menus and create a new menu and check “Enfold footer menu” under Menu Settings
3- You can highlight the text you would like to adjust and then choose font size
Cheers!
Yigit
Hey nowhere!
I replied you here – https://kriesi.at/support/topic/font-size-font-style/#post-381686
Please do not create duplicate topics as it is making it harder for us and for other users to follow :)
Best regards,
Yigit
Hey Ben!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.pricing-table li.avia-pricing-row { font-size: 35px; }
.pricing-table.avia-highlight-col .first-table-item { font-size: 16px; }
Best regards,
Yigit