Hi,
The Enfold uses the standard 12px – 13px font size. You can easily change it on your custom.css or Quick CSS.
body {
font-size: 15px;
}
Glad you fix the issue. :)
You can add a featured request on this one: https://kriesi.at/support/topic/enfold-feature-requests
If you like the template please send us a testimonial: https://kriesi.at/support/topic/your-testimonials-on-our-front-page-a-unique-chance
Regards,
Ismael
Hi,
1.
/*---- Font Menu Hover Color ----*/
#top .header_color .main_menu .menu ul li>a:hover {
color: red;
}
/*---- Background Menu Hover Color ----*/
.header_color .main_menu .menu ul li a:hover {
background-color: red;
}
2.
body#top {
font-size: 15px;
}
3.
Please open /framework/php/class-breadcrumbs.php and goto line 26 and to line 186.
Inside that file, you will need to search for __ (two underscore characters). You will find a lot of words used in breadcrumbs that need translating (i see 24 lines in total including above 2).
Ofcourse i am not sure why you are doing this since if you install WPML (pay) or this http://wordpress.org/plugins/codestyling-localization/ free plugin , you can translate directly from the backend all the words in the theme into french.
—
There is no need to install custom.css plugin, since the theme has Quick CSS, a text area located in Enfold > (Theme Options) > Layout Styling .on the bottom of the page… where you can paste any css and click save.
Thanks,
Nick
That did not work for me. But I used this:
@media only screen and (max-width: 870px) {
.avia-button.avia-size-large {
padding: 5px 1px;
font-size: 10px;
min-width: 90px;
}
}
And I also had to put this in there (to make the button even smaller):
@media only screen and (max-width: 443px) {
.avia-button.avia-size-large {
padding: 2px 5px;
font-size: 8px;
min-width: 20px;
}
}
Thanks, this post can be resolved now.
Hmmm… I added some code from a different post and refreshed the page and this time the code I added seemed to work. So, I guess I resolved the issue. I’m still not sure which header the contact form used, but it’s better now. :)
I’d still love to have the ability to change font size without messing with the code though. :)
Hi!
I created a contact form, but the text that goes right above it is way too small. I’ve tried to change things in the CSS (and I’m not very good at coding…. at all), but nothing seems to be fixing this particular issue (even when other things to do change). I afraid I’ll break the theme, but I don’t know how to fix it. The link to the page with the issue is: http://ellensheart.org/contact-us/
Can you help?
PS. it would be lovely to see the ability to adjust font size somewhere in the theme options in the admin backend… for those of us who dabble and don’t know code all that well. :)
I would really, really like to see the ability to change font size and weight for headings and text without having to go find the CSS (as part of the admin theme setup area, maybe). I’m not fabulous with CSS, and I’m always afraid I’m messing with the wrong piece of it… I’ve used other themes with this ability, and I’d LOVE to see it with this theme because this theme is so amazing!
Thanks!
Hi,
Here is my url http://our*littlecompany.com.sg/s*ilamir/ (remove the *)I have put this html in the caption :
<p style=”font-size:33px; color: #ffffff; line-height:38px; padding: 10px 15px; background: none repeat scroll 0 0 rgba(0,147,209,0.5);”>title<span style=”font-size:22px; font-style: italic; “></br>subtitle</span></p>
I need it to look like this but, it is not “liquid” anymore, any idea how I could keep it look good on different screen size?
Thanks
Hi Jasmer,
The icons aren’t actually a single png or entypo icon but instead a combination of both. Eg, the twitter icon is the font character for the twitter bird but the icon background and icon decoration is actually all css. The CSS for which is:
#top .social_widget_icon {
padding: 0;
margin: 0;
height: 30px;
width: 30px;
line-height: 32px;
text-align: center;
float: left;
font-size: 17px;
border-radius: 2px;
background-image: url("/themes/wp-content/themes/enfold/images/layout/bg-button.png");
background-repeat: repeat-x;
background-position: 0 0;
border-style: solid;
border-width: 1px;
}
and
.asc_twitter .social_widget_icon {
color: #fff;
background-color: #46d4fe;
border-color: #46d4fe;
text-shadow: 1px 1px 1px #17ACD8;
}
Regards,
Devin
Hey Devin,
Oh thanks! Just changed it and it works fine now.
For the menu header, where can I find the CSS code for the size and weight of it? In the theme styling section there are just the option for font and colour.
Thanks, Siobhan
You can use following code to change the font size of the menu
.main_menu ul:first-child>li>a {
font-size: 20px;
}
Or if you want to change the size of the sub menu items too
.main_menu ul>li>a {
font-size: 20px;
}
You can use following code to change the font size of the menu
.main_menu ul:first-child>li>a {
font-size: 20px;
}
Or if you want to change the size of the sub menu items too
.main_menu ul>li>a {
font-size: 20px;
}
There’re some “special” headline css rules – if the code below doesn’t work for you please post a link to the headline you want to change. You can change the headline font sizes with
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; }
h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; }
h5 { font-size: 16px; line-height: 1.1em; }
h6 { font-size: 14px; line-height: 1.1em; }
If you want to remove the text transform effect use:
h1,h2,h3,h4,h5,h6{ text-transform: none; }
Hi,
I have setup the form to use an Enfold button instead of the Gravity Forms button & I’ve managed to align the button but I can’t get the button to pass a querie string to the next form.
The people at Gravity Forms have been very helpful and you can follow the instructions they provided me here
The code I’ve currently got to align the button is as follows
<div id=”pcbutton”>[av_button label='Apply Here' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' position='center' icon_select='yes' icon='198']</div>
<script>
jQuery(document).ready(function($) {
$(“#field_1_4 div”).click(function() {
$(“#gform_1”).trigger(“submit”,[true]);
});
});
</script>
The problem is a strange one because sometime when you click the button it works and other times it just reloads the page.
Please could you help me with this I’m really struggling.
Thanks
Hey,
You can try this.
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 870px) {
#top .avia-slideshow-button.avia-button-light {
padding: 3px 8px;
font-size: 9px;
}
}
Regards,
Ismael
Hi!
I’ll ask Kriesi to look into it.
Best regards,
Peter
thanks! also I would like suggest that the theme shall have the option to turn on/off such plugins as woocommerce and layerslider, even if I disable such plugins, still the css for them is still there, which isn’t good for the speed optimization.
Hi cschirra,
Your logo is 760×200 being shrunk down to 182×58. Perhaps if you resize your logo to 182×58 it will look fine in Safari + you will make your website faster too since there is no need to have a logo that big loading.
@ramontessmann
You can take any .ttf file and use http://convertfonts.com/ to get back eot, svg, woff and even css file. You can use http://www.freefontconverter.com/ to change any font file into otf along with 20 other formats.
Thanks,
Nick
Hi,
First, delete or remove all Layer Slider elements on the entire website.
Edit functions.php, find this code
require_once( 'config-layerslider/config.php' ); //layerslider plugin
Replace it with
//require_once( 'config-layerslider/config.php' ); //layerslider plugin
Then go to wp-contentthemesenfoldconfig-templatebuilderavia-shortcodes > locate slideshow_layerslider.php and remove it.
Regards,
Ismael
Hi,
1) You can add css via Quick CSS located in Enfold > (Theme Options) > Layout Styling … its a text box at the bottom of the page. Just paste your css in there and save.
2) Its on line 186 of /framework/php/class-bradcrumb.php
3) Please show a screen shot of the page where the main categories are locate on. They are in multiple places in various font sizes.
4) Just delete the http:// when you submit the page. Though I think that functionality depends on there being a link. Since the field is Website Name and Website URL , so if you leave Website URL empty, there won’t be a website name.
4) You can set line 83 of footer.php to read
$kriesi_at_backlink = "";
Thanks,
Nick
sorry for a mistake and the problem for the fullwidth easyslider is now solved, pls. help to advise how to delete the layerslider, thanks!
and when I use the fullwidth slider in version 1.7.1, there is not the option to “Stretch image to fit the slideshow size?” and thus the result in the up and bottom blank space, you can find what it looks like in the link below, pls. advise how to recovery the option, thanks!
the problem in version 1.7.1
http://www.fujianshipbuilding.com/problem.png
the perfect effect in version 1.6
http://www.fujianshipbuilding.com/3.png
thanks and how to disable/delete the layslider plugin?
Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesslideshow.php and replace
if(trim($title) != "") $title = "<h2 class='avia-caption-title'>".trim(apply_filters('avf_slideshow_title', $title))."</h2>";
if(trim($content) != "") $content = "<div class='avia-caption-content'>".wpautop(ShortcodeHelper::avia_remove_autop(trim($content)))."</div>";
with
if(trim($title) != "") $title = "<h1 class='avia-caption-title'>".trim(apply_filters('avf_slideshow_title', $title))."</h1>";
if(trim($content) != "") $content = "<div class='avia-caption-content'><h3>".wpautop(ShortcodeHelper::avia_remove_autop(trim($content)))."</h3></div>";
Hi, could you help to advise how to change the font size of the caption and content of the easyslider as shown in the link below? I want to change the caption to H1 and content to H3, thanks in advance!
http://kriesi.at/themes/enfold/homepage/home-v3-3-column-with-blog/
Glad Ismael could help :)
Let us know if you have any other questions or issues.
Regards,
Devin
Can you tell me which code can I add to the quick CSS ?
thanks
Hi,
You can do something like this on your custom.css or Quick CSS
body {
font-size: 20px;
}
You can find the #Typography style on css > base.css
Regards,
Ismael