-
Search Results
-
My dropdown menu was working correctly (building the site at present) but suddenly it became huge, with a large font size in black instead of gray, and spreads horizontally across the page. (The ubermenu is still working fine – no changes)
In Theme Options – Header: “small fixed header” and “display as a dropdown menu” are selected.
Should I be looking at settings somewhere else?
Thanks
Jenn
Topic: Font Icon in Header
Hello all, I would like to use a font icon in the main menu, similar to the search icon on the very right.
It would be cool to have the Home House Icon [av_font_icon icon="34" size="40px"] on the left side.
Does anybody has an Idea how to manage this?
Writing the shortcode into the menu item input field “displayed name”(german “angezeigter name”) doesn’t work.
Thyx in advance!
chilli-mind
In reply to: Testimonial Slider
Hi,
I’m afraid you have to do it from scratch. Did you check the Trash panel? You can restore deleted posts and pages from there. Anyway, this is the full shortcode for the Pricing page on the dummy data.
[av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow']
[av_table purpose='pricing' caption='']
[av_row row_style='avia-heading-row'][av_cell col_style='']Private Plan[/av_cell][av_cell col_style='avia-highlight-col']Business Plan[/av_cell][av_cell col_style='']Mega Plan[/av_cell][/av_row]
[av_row row_style='avia-pricing-row'][av_cell col_style='']10$
<small>per month</small>[/av_cell][av_cell col_style='avia-highlight-col']20$
<small>per month</small>[/av_cell][av_cell col_style='']50$
<small>per month</small>[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']1 GB Bandwidth[/av_cell][av_cell col_style='avia-highlight-col']10 GB Bandwidth[/av_cell][av_cell col_style='']Unlimited Bandwidth[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']10 MB Max File Size[/av_cell][av_cell col_style='avia-highlight-col']50 MB Max File Size[/av_cell][av_cell col_style='']No Maximum File Size[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']3 GHZ CPU[/av_cell][av_cell col_style='avia-highlight-col']5 GHZ CPU[/av_cell][av_cell col_style='']5 GHZ CPU[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']256 MB Memory[/av_cell][av_cell col_style='avia-highlight-col']1024 MB Memory[/av_cell][av_cell col_style='']4 GB Memory[/av_cell][/av_row]
[av_row row_style='avia-button-row'][av_cell col_style=''][av_button label='Get Private Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='25']
[/av_cell][av_cell col_style='avia-highlight-col'][av_button label='Get Business Plan' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='29']
[/av_cell][av_cell col_style=''][av_button label='Get Mega Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='44']
[/av_cell][/av_row]
[/av_table]
[/av_section]
[av_one_half first]
[av_heading heading='Business Plan Info' tag='h3' color='meta-heading' style='' padding='10']
[av_textblock ]
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<h4>Nulla consequat massa quis enim?</h4>
[av_dropcap1]D[/av_dropcap1]onec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
<h4>Vivamus elementum semper nisi?</h4>
[av_dropcap1]A[/av_dropcap1]enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius lallus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
<h4>Aenean imperdiet?</h4>
[av_dropcap1]E[/av_dropcap1]tiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
[/av_textblock]
[/av_one_half]
[av_one_half]
[av_heading heading='Mega Plan Info' tag='h3' color='meta-heading' style='' padding='10']
[av_textblock]
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
<h4>Aenean imperdiet?</h4>
Aenean commodo ligula eget dolor. Aenean <strong>massa</strong>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<h4>Nulla consequat massa quis enim?</h4>
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
<blockquote>Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</blockquote>
Aenean commodo ligula eget dolor. Aenean <strong>massa</strong>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<h4></h4>
[/av_textblock]
[/av_one_half]
[av_heading heading='FAQ' tag='h3' color='meta-heading' style='' padding='15']
[av_toggle_container initial='1' mode='accordion']
[av_toggle title='Are there additional costs?']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean</strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur</strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_toggle]
[av_toggle title='Support Included?']
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus</strong> elementum semper nisi. Aenean vulputate eleifend tellus.
[/av_toggle]
[av_toggle title='How to set up the theme?']
Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum</strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum</strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis
[/av_toggle]
[av_toggle title='What about Refunds?']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_toggle]
[av_toggle title='Can I change Plans or cancel at any time?']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Aenean</strong> commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_toggle]
[/av_toggle_container]
[av_section color='socket_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow']
[av_promobox button='yes' label='Sign Up' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='yes' icon='6']
Start your no-strings-attached free trial! Your first 30 Days of use are free and if you are unsatisfied at any point in the future we give you a full refund on your last payment!
[/av_promobox]
[/av_section]Regards,
Ismael
In reply to: Datepicker styling
Hi,
You can add this on your custom.css or Quick CSS
#wp-calendar td, #wp-calendar th {
text-align: center;
font-size: 11px;
padding: 3px;
background: white;
}Regards,
Ismael
In reply to: Customizing info and functionality on blog posts
Hi,
You can add something like this on your custom.css or Quick CSS
.news-headline {
font-size: 13px;
}Regards,
Ismael
In reply to: Change text and Source only the logo bigger
Hi,
You can change the font on Enfold > Styling. You can also something like this on your custom.css or Quick CSS
body {
font-size: 15px;
font-family: Open Sans;
}Upload a bigger logo then specify the height with this.
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }Regards,
Ismael
In reply to: Customizing info and functionality on blog posts
In reply to: Avia Framework messes up layout
this is the code generated as seen on firebug, as you can see, instead of 5 columns, system renders first 2 and the third breaks layout that comes next on syntax, and makes it DISAPPEAR from avia framework.
<br />
<div class="post-entry post-entry-type-page post-entry-734"><div class="entry-content clearfix">
<div class="avia_textblock"><h1 style="text-align: center; font-weight: 200; font-size: 2.7em; text-transform: none;"><a href="http://dm-c.it/riservata/adaptive/settori/"><span style="color: #005cb9;">La rivoluzione del Printing & Packaging in 5 semplici punti.</span></a></h1>
</div>
<div class="flex_column av_one_fifth first avia-builder-el-2 el_after_av_textblock column-top-margin">
<div class="avia_textblock"><div class="avia-font-entypo-fontello icona-colonnehomepage-dmc"></div>
<h3 style="text-align: left;"><a title="DEFINIZIONE" href="./prodotti/">DEFINIZIONE</a></h3>
<p>Progetto del tracciato di fustella e applicazione della grafica. Realizzazione del mock-up…
<a href="./prodotti/">continua</a></p>
</div>
</div>
<div class="flex_column av_one_fifth avia-builder-el-4 el_after_av_one_fifth column-top-margin">
<div class="avia_textblock"><div class="avia-font-entypo-fontello icona-colonnehomepage-dmc">⚙</div>
<h3 style="text-align: left;"><a title="AVVIO" href="./prodotti/">AVVIO</a></h3>
<p>Visto si stampi. Finalizzazione degli impianti di stampa e avvio del ciclo produttivo…
<a href="./prodotti/">continua</a></p>
</div>
</div><div class="flex_column av_one_fifth avia-builder-el-6 el_after_av_one_fifth avia-builder-el-last column-top-margin"></div><p></p>
<div class="avia_textblock"></div>
<div class="avia-font-entypo-fontello icona-colonnehomepage-dmc">
</div></div></div>In reply to: Make Content Elements appear in the LayerSlider WP?
Hi,
You can actually copy the actual html code of the progress bar then enclose it on a unique div. Something like this
<div class="layerslider-progressbar"><div class="avia-progress-bar-container avia_animate_when_almost_visible avia-builder-el-0 avia-builder-el-no-sibling avia_start_animation"><div class="avia-progress-bar theme-color-bar icon-bar-no"><div class="progressbar-title-wrap"><div class="progressbar-icon avia-font-entypo-fontello"><span class="progressbar-char">⚒</span></div><div class="progressbar-title">Skill or Task</div></div><div class="progress avia_start_animation"><div class="bar-outer"><div class="bar" style="width: 100%" data-progress="100"></div></div></div></div></div></div></div>Then add this on your custom.css or Quick CSS.
.layerslider-progressbar {
width: 600px;
height: 50px;
}We specify the width of the layerslider-progressbar div because the progress bar needs to inherit the size the parent element.
Regards,
Ismael
Topic: Avia Menu – Repositioning
Hey Guys,
as I thought, my customer wants some modification to the main layer of the avia navigation. You may take a look at http://www.pcamobile.de/startseite/. You’ll notive the white right aligned area within the header… yeah, the menu should go there. *yikes*
I’ve figured out everything so far (reverse css engineering, doh), but there are a few difficulties.
1. The header size is set via jQuery (avia.js > avia_header_size) depending on the scroll event.
2. Repositioning with top:xx won’t do it…
Wait, I think I got an idea… if I would change the height of the top css too… gonna try it now…
Yep, works. Sometimes you have to start a thread to get the idea… lol… I’ll post this anyways.
So if someone likes to modify the avia menu position, you should add this css:
/* Main Navigation Mods */
.main_menu {height:25px; top:92px; right:-30px;}
.main_menu ul li a {height: auto !important; line-height: 20px !important;}
.main_menu ul:first-child > li > a {padding:0 7px; font-size:11px;}
#header .avia_mega_div {margin: -1px 0 0 0; padding: 1px 0 0;}
If you like the dynamic height of the header, you’ll have to mess with the avia.js located in js/ folder. I reposition the whole menu using a distance from top on .main_menu wrapper. So you have to add this to the function avia_header_size(). I’ve added top_height = $(‘.main_menu’).height() to get the current height of the header, set a static value topH for both full and half size. Then simply add it to the css class: $(‘.main_menu’).css({top: topH + ‘px’});
Don’t get it? Nevermind… it looks crappy anyways… :-/
In reply to: Enfold Feature Requests
my suggestions for theme improvement :
1. support of wp envato kit – for easy theme updates
2. an easy way to change the default circle+arrow hover effect on portfolio/blog thumbs ? (change shape/icon would be just awesome !!!)
3. load from admin panel custom fonts (espec. for your international multi-lingual clients)
4. load from admin panel any google font w/subset selection (eg. cyrillic, greek etc)
5. change image thumbs sizes from admin panel (and not editing php files)
6. sticky header of page builder so it stays viewable in long pages when scrolling down
7. more options in theme panel for styling (font sizes, shortcodes/builder elements colors etc)
8. ability to create new styles (w/o overwriting existing ones)
9. import/export all theme options (incl. styles)
thx for your great work!
In reply to: Ipad portrait view – overlapping logo and promo box
Hi,
That is correct, you can change the padding on mobile view. You can do something like this on your custom.css or Quick CSS
/*
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: 1024px) {
.main_menu ul:first-child > li > a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
In reply to: Font size issue on contact form
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
In reply to: CHANGE HOVER FONT COLOR FOR HEADER MENUS
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
In reply to: Full Screen Slider – Button
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.
In reply to: Font size issue on contact form
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. :)
In reply to: Enfold Feature Requests
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
Hi,
Great theme!
I checked the search function of the forum and found another reply – very similar – but could not solve the problem:
1 I want to change the > hover color of the drop down menu to green > http://outilsducoach.com
2 How can I increase the general font size ?
3 Where can I change the breadcrumb navigation > You are here: Home > to French
I installed the custom.css plugin,
Thank you in advance for your kind assistance
A
In reply to: Change h3 default colour
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
In reply to: change fonts and fonts size…
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;
}In reply to: Two questions about fonts
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;
}In reply to: Change H Tag Styling
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
In reply to: change fonts and fonts size…
In reply to: Full Screen Slider – Button
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
In reply to: how to change font size of the easyslider
In reply to: how to change font size of the easyslider
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.
