-
Search Results
-
In reply to: Change font size in individual buttons
Hi Jordan,
Thats great, it works
!
I’ve changed the font size of one button using this technique as you can see, but the size of the button itself also changes.
Is there a way to keep the size of the buttons the same when the font changes? Or , if thats impossible, change all buttons at once to a smaller font?I’m also looking for a way to style these buttons in a way that that look more like buttons, with a gradient or a bevel & emboss effect, more like the way they look in the backend?
Marcel
In reply to: New user with customization issues
Hello!
it is possible to make the main image, slide images , not made so small seeing it on ipad 2 ?
as I can set the scaling for each device ?
in my mac pro all displayed perfect, little font size but perfect (I had to reduce the size of the main text , now too small, because only in ipad the texts are not looking good ), in my vertical ipad the main image is small , in my landscape ipad looks almost like in mac pro , in my vertical Nexus 5 page load looks bad, image and text and main buttons looks bad, the boxes in form are not aligned , otherwise everything looks correctly.
Can you help me?
Thank you!How do I identify the H1, H2, H3, H4, H5, H6 in the theme pages? I need to change some sources on the site and need to know where I’ll be making the change.
I will make it through the GENERAL STYLING
P.S
How do I control the font, size, color and style for the text entered in the text block?The text block may be one of H? (H1, h2, h3, h4, h5 ….)
In reply to: Enfold Easy Slider Caption Title getting cut off
Hi!
Please place the code below the previous code.
@media only screen and (max-width: 1024px) { h2.avia-caption-title { font-size: 26px!important; } } @media only screen and (max-width: 768px) { h2.avia-caption-title { font-size: 18px !important; } }Remove browser cache then reload the page.
Cheers!
IsmaelHello!
I am looking to add the phone number for my site in the header. I followed the thread here: https://kriesi.at/support/topic/adding-phone-number-text-and-button-to-main-header/, but my menu height is still having problems. Any idea on how to fix the menu, center the height of the custom text, and possibly adjust the font size and weight?
Thanks for the help! This theme is by far the best I have ever used!
In reply to: Enfold Easy Slider Caption Title getting cut off
In reply to: Whitespace between text and icon
Thanks Günter for the quick reply.
On the back end the link is;
http://world2cycle.com/wp-admin/post.php?post=125&action=editAt the front end
http://world2cycle.com/paris-roubaix/I am using in the text block the following styling;
[av_font_icon icon='ue803' font='fontello' style='' caption='' link='' linktarget='' size='10px' position='left' color=''][/av_font_icon]09th April 2016[av_font_icon icon='ue806' font='fontello' style='' caption='' link='' linktarget='' size='10px' position='left' color=''][/av_font_icon]20 (starting price)
[av_font_icon icon='ue841' font='entypo-fontello' style='' caption='' link='' linktarget='' size='10px' position='left' color=''][/av_font_icon]70, 139 or 163km
And hereby the code used in the excerpt field;
<ul style="list-style-type:none"> <li><span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:10px;line-height:10px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>9th of April</li> <li><span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:10px;line-height:10px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>70, 139 or 163km</li> <li><span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:10px;line-height:10px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span> 1500, 2500 or 5000hm</li>Hopefully the shared information will help.
In reply to: Enfold Easy Slider Caption Title getting cut off
Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 760px) { h2.avia-caption-title { font-size: 18px !important; } }Regards,
YigitIn reply to: Change font size in individual buttons
Hi!
In the CSS class section for the button, you just need to select a name for the button which will be used as a class. For example, use small_button then go to the Quick CSS section in the theme options and add the following code:
.small_button { font-size: 12px; }You can add the same class to all the buttons you want to have the same font size or use a different class for each and adjust the code each time.
Try this and let me know if it works.
Regards,
JordanIn reply to: Logo Center | Menü right & left
Merhabalar!
Gec cevap icin cok uzgunum!
3 ve 7yi karistirmisim anlasildigi uzere :) 7 icin lutfen assagidaki kodu kullanin
#top .scroll-down-link { color: orange; font-size: 20px; }bu degisiklikten sonra yukarida 3 icin gonderdigim kodu kullandiginiz zaman scroll to top iconunu gorselle degistirebileceksiniz :)
Border icin kullandiginiz koduda lutfen assagidaki ile degistirin
@media only screen and (min-width: 990px) { /* KODUNUZ BURAYA GELICEK */ }Best regards,
YigitIn reply to: Change font size in individual buttons
Hi Rikard,
If you click the link below the page scrolls to the section with lots of green buttons right?
I would like to change the font size of the names in some of those buttons because some words are too long.I noticed that the button settings have a field ” CSS class” so I was hoping I could put something in there to change the font size for that button?
BTW Especially on iPad for example, the words are bigger than the buttons, I thought it would adjust because it is responsive?
Marcel
In reply to: Enfold Easy Slider Caption Title getting cut off
Thanks Ismael
That worked. What code should I add to control the font sizes for 760px and less?
cheers
In reply to: Enfold Easy Slider Caption Title getting cut off
Hi!
Please adjust the css media query:
@media only screen and (max-width: 1024px) { h2.avia-caption-title { font-size: 26px!important; } }Regards,
IsmaelHi CatherineCBrand!
Thank you for using Enfold.
Add a padding property to the .grid-image:before selector. Replace the css code with this:
.grid-image:before { content: attr(title); position: absolute; width: 100%; height: 100%; z-index: 1000; text-align: center; opacity: 0; display: none; font-weight: 200; font-size: 24px; color: #ffffff !important; top: 50%; } .grid-image:hover:before { opacity: 0.9; display: block; }Regards,
IsmaelIn reply to: Add Icon in exceprt field
Hi!
No problem. Please use the following:
Camera:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Checkbox:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Calendar:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Bicycle:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Clock:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Euro:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Dollar:
<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>Best regards,
IsmaelIn reply to: What's new in 3.5?
Chngelog is in package ;)
2016 March 18th – Version 3.5
– new demo content:
– Hotel demo
– Spa demo
– Travel demo
– Consultant demo
– Résumé demo– style.css – new version number
– functions-enfold.php – several small improvements to generated css styles
– header.php – added a new filter function
– index.php + other default template files: abort script if directly loaded in the browser to prevent crawling errors
– page.php – fixed a thumbnail size bug– folder css:
– fixed: a css error that was caused by setting a column background to “stretch fullwidth”
– fixed: a slideshow bug that caused buttons to slide in when they should fade
– fixed: a display issue with iconbox titles and some specific fonts
– fixed: an issue with some default css font sizes not adapting properly on smaller screens
– fixed: an issue with slideshow capations on small devices when
– fixed: an issue with blank pages not aligning properly on mobile devices
– fixed: an issue with color section background colors not beeing applied to Left Sidebar Layouts
– fixed: an issue with transparent headers and custom menu colours
– fixed: an issue with mobile menu display on tablets– folder config-templatebuilder:
– added: background images for sections, cells and columns can now be set to “scale to fit” so the whole background image is always visible
– added: font size selection for accordion slider
– added: option to center accordion text
– added: new styling option for masonry and masonry gallery element: caption overlay
– fixed: issue with accordion slider php notice
– fixed: a problem with product grid item count
– fixed: a display bug with the Fullwidth Easy slider that was caused by choosing original image size
– fixed: a pagination bug with the woocommerce grid element
– fixed: an issue that prevented mailchimp to fetch more than 10 lists
– fixed: an issue that prevented some servers from connecting with mailchimp
– fixed: an issue with html elements added to the table element
– fixed: an issue with the class of the events calendar upcoming events heading
– fixed: an issue with the feature image slider not accepting disabled autorotation
– fixed: an issue with the magazine element throwing a php error on subpages
– improved: masonry filter display when loading new elements via “load more” button
– added: various title filters– folder framework:
– added: new filter for framework related css body classes
– added: new google fonts
– improved: some google fonts now come with more weights
– improved: dynamic styling generator accepts array values now
– fixed: an error with form success message
– fixed: an issue with contact form dropdowns when the “hide label” option was selected
– fixed: an issue with the import script not working properly with PHP7 and dropping the demo menu
– fixed: an issue with the contact form autoresponder not working when more than one mail address is added
– fixed: an issue with google author and publisher rel tag
– fixed: a multi language issue with the facebook plugin and wpml– folder config-woocommerce:
– added: new product style: minimal overlay
– added: support and styling for woocommerce bookings
– fixed: a css notice in the backend when woocommerce is active
– fixed: an issue with the woocommerce quantity selector
– fixed: an issue with the dark default themes– folder js:
– fixed: an issue with sidebar main menu sticky calculation
– fixed: a problem with google map tooltips
– fixed: an issue with the feature image slider not working in Firefox
– fixed: a syntax error in the autorotation setting of the slideshow– folder includes:
– added: new design – bright blue
– added: new layout feature. Instead of stretched and boxed you can now chose “framed” which displays a fixed frame around the site
– added: new advanced styling element to customise: Slideshow Titles
– added: new advanced styling element to customise: Slideshow Captions
– fixed: a bug with the wedding demo that prevented correct image import
– fixed: missing translation strings in Portfolio.
– fixed: the advanced styling selector of main menu hover items when the logo is displayed above the menu
– improved: automated schema.org markup for blog posts.– folder config-layerslider:
– fixed: an issue with a javascript file not being loaded properly
– updated: layerslider to the latest version (5.6.3)– folder config-wpml:
– added: an XML file for languages, available for the facebook page widget
– fixed: an issue with php notices caused by the grid layout– folder lang:
– updated several translation filesIn reply to: Contactform is not working any more
Hello Dominique,
here is the changelog:
2016 March 18th – Version 3.5
– new demo content:
– Hotel demo
– Spa demo
– Travel demo
– Consultant demo
– Résumé demo– style.css – new version number
– functions-enfold.php – several small improvements to generated css styles
– header.php – added a new filter function
– index.php + other default template files: abort script if directly loaded in the browser to prevent crawling errors
– page.php – fixed a thumbnail size bug– folder css:
– fixed: a css error that was caused by setting a column background to “stretch fullwidth”
– fixed: a slideshow bug that caused buttons to slide in when they should fade
– fixed: a display issue with iconbox titles and some specific fonts
– fixed: an issue with some default css font sizes not adapting properly on smaller screens
– fixed: an issue with slideshow capations on small devices when
– fixed: an issue with blank pages not aligning properly on mobile devices
– fixed: an issue with color section background colors not beeing applied to Left Sidebar Layouts
– fixed: an issue with transparent headers and custom menu colours
– fixed: an issue with mobile menu display on tablets– folder config-templatebuilder:
– added: background images for sections, cells and columns can now be set to “scale to fit” so the whole background image is always visible
– added: font size selection for accordion slider
– added: option to center accordion text
– added: new styling option for masonry and masonry gallery element: caption overlay
– fixed: issue with accordion slider php notice
– fixed: a problem with product grid item count
– fixed: a display bug with the Fullwidth Easy slider that was caused by choosing original image size
– fixed: a pagination bug with the woocommerce grid element
– fixed: an issue that prevented mailchimp to fetch more than 10 lists
– fixed: an issue that prevented some servers from connecting with mailchimp
– fixed: an issue with html elements added to the table element
– fixed: an issue with the class of the events calendar upcoming events heading
– fixed: an issue with the feature image slider not accepting disabled autorotation
– fixed: an issue with the magazine element throwing a php error on subpages
– improved: masonry filter display when loading new elements via “load more” button
– added: various title filters– folder framework:
– added: new filter for framework related css body classes
– added: new google fonts
– improved: some google fonts now come with more weights
– improved: dynamic styling generator accepts array values now
– fixed: an error with form success message
– fixed: an issue with contact form dropdowns when the “hide label” option was selected
– fixed: an issue with the import script not working properly with PHP7 and dropping the demo menu
– fixed: an issue with the contact form autoresponder not working when more than one mail address is added
– fixed: an issue with google author and publisher rel tag
– fixed: a multi language issue with the facebook plugin and wpml– folder config-woocommerce:
– added: new product style: minimal overlay
– added: support and styling for woocommerce bookings
– fixed: a css notice in the backend when woocommerce is active
– fixed: an issue with the woocommerce quantity selector
– fixed: an issue with the dark default themes– folder js:
– fixed: an issue with sidebar main menu sticky calculation
– fixed: a problem with google map tooltips
– fixed: an issue with the feature image slider not working in Firefox
– fixed: a syntax error in the autorotation setting of the slideshow– folder includes:
– added: new design – bright blue
– added: new layout feature. Instead of stretched and boxed you can now chose “framed” which displays a fixed frame around the site
– added: new advanced styling element to customise: Slideshow Titles
– added: new advanced styling element to customise: Slideshow Captions
– fixed: a bug with the wedding demo that prevented correct image import
– fixed: missing translation strings in Portfolio.
– fixed: the advanced styling selector of main menu hover items when the logo is displayed above the menu
– improved: automated schema.org markup for blog posts.– folder config-layerslider:
– fixed: an issue with a javascript file not being loaded properly
– updated: layerslider to the latest version (5.6.3)– folder config-wpml:
– added: an XML file for languages, available for the facebook page widget
– fixed: an issue with php notices caused by the grid layout
– folder lang:
– updated several translation filesHello. I’m trying to make the whole left sidebar menu smaller to make more room for the main content. I’ve managed to decrease the width of the menu itself but I don’t know how to decrease the font size of the menu items. The Font size option in the Advanced Styling section only seem to change the spacing between the menu items. Also, when decreasing the menu width, the logo also gets smaller. Is there a way to adjust the logo size so it fills the whole logo area?
Thanks in advance
I originally created a site using the enfold construction theme. I made changes to the pages (text/images) and I made changes in the Enfold theme and under Appearance/Menu section. I then read how we should use child themes and downloaded the pre-built child theme. I then activated the child demo and went to the Import/Export section and imported the main parent theme settings.
After that, not all of the original styles from the construction theme demo are there (it looks like it is still taking the styles from the enfold default demo and not the enfold construction demo). I have included a link to my site as well as a link to the construction demo site so you can see what I am talking about. For example these are some of the missing things now in my site with the child demo after I imported the parent theme….
◾ in the footer, the lines above and below the headings in each of the four columns are not shown
◾the font size is smaller in my site
◾the font text is different
◾if you go to a page under the Services tab and the sidebar on that page has lines above the headings in each section in the demo site but no longer has it in my site (see Interior Design page for example)
◾the menu bar color is not the same (I had made some changes to this in the child theme before I did the Import parent theme option to try and match the construction demo and it looks like it maybe kept my background color choice instead of bringing over the parent them options)How do I get the Construction theme look/feel back? This is what was in the style.css of the pre-built file, do I need to change something here to make the parent theme the Enfold construction one?
/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*//*Add your own styles here:*/
How do I make it take the enfold Construction demo theme as the parent theme and not the enfold Default demo theme?
In reply to: Change font size of Accordion Toggle Sorting Tags
Hey craigriches!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.taglist { font-size: 20px; font-weight: bold; }Best regards,
YigitIn reply to: Content Element: Icon – On Mobile Site
Hey!
I can see in your source code that you using this code:
@media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) { a.av-icon-char { font-size: 20px !important; } }which seems to cause this issue on iPhone 6 Plus. Use a different value for your font size:
@media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) { a.av-icon-char { font-size: 40px !important; } }Best regards,
AndyIn reply to: child theme didnt take my original style settings
This is closer but not all of the original styles from the construction theme demo are there (it looks like it is still taking the styles from the enfold default demo and not the enfold construction demo). I have included a link to my site as well as a link to the construction demo site so you can see what I am talking about. For example these are some of the missing things now in my site with the child demo after I imported the parent theme….
- in the footer, the lines above and below the headings in each of the four columns are not shown
- the font size is smaller in my site
- the font text is different
- if you go to a page under the Services tab and the sidebar on that page has lines above the headings in each section in the demo site but no longer has it in my site (see Interior Design page for example)
- the menu bar color is not the same (I had made some changes in this in the child theme to try and match the construction demo and it looks like it maybe kept my background color choice)
How do I make it take the enfold Construction demo theme as the parent theme and not the enfold Default demo theme?
Hi, is there a possibility to change the font size of the Toggle Sorting Tags, and possibly weight & colour (not decided yet)?
I am using an accordion for my FAQ’s and have increase the font size for the questions/answers etc., but would really like the tags to be more prominent as selectors.In reply to: Header and menu adaption
Hi dalboslampen!
Please add the following CSS in Quick CSS
To move the logo bottom adjust the margin value to suit your design.
.logo a { z-index: 999; margin-top: 16px; }Apply border to header
#header { border-bottom: 6px solid #666; }Move the entire menu down
.main_menu { margin-top: 65px!important; } .avia-menu-text { font-size: 30px !important; } .av-main-nav > li > ul { margin-top: -65px; } .header_color .avia-menu-fx { top: 112px; }Best regards,
Vinay KashyapIn reply to: WooCommerce Product Widget Styling
Hey Gekko101!
Please use the below css in Quick CSS to increase the font size
.products .product h3 { font-size:22px!important; }please share the link to the page where we can inspect the thumbnails so we can help you better.
Cheers!
Vinay KashyapHello Support,
my configuration:
Quick CSS:.main_menu ul:first-child > li > a { font-size: 30px; } .main_menu ul:first-child > li > a { font-family: menu-font-f; font-weight:lighter; } .av-main-nav > li > a > .avia-menu-text { position: relative; top: 75px; }– Use stretched or boxed layout?: Boxed Layout
– Logo and Main Menu: Top Header
– no header transparencymy enfold theme settings:
https://drive.google.com/open?id=0B8TTtO0FJi8xOWpwRkRCRjN6Tnc
https://drive.google.com/open?id=0B8TTtO0FJi8xekJIbldEUUM4aWc
https://drive.google.com/open?id=0B8TTtO0FJi8xY3NQVHMwTm5TcUkIs it posible to remove the main menu (see picture) when scolling down?
https://drive.google.com/open?id=0B8TTtO0FJi8xcG9vdHVlQmxGZlE
thank you
In reply to: Enfold Easy Slider Caption Title getting cut off
Hi pantoni!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) { h2.avia-caption-title { font-size: 26px!important; }}Best regards,
Yigithi! excellent theme – my workhorse.
I need to create a title font hover color in the portfolio masonry grid.
I know how to set the font color itself:
.grid-entry-title { font-size: 20px; color: #5c4073 !important;; }
But also want a font hover color.
See web page.Kind Regards,
DougIn reply to: Left sidebar layout > issue font size menu
Thank you Yigit!
Using the code to change font-size for main-nav (in my case in Child css) helps.
Fyi: there must be a bug in the theme options when using left sidebar layout, since changing the font-size in theme options for main-nav links doesn’t work. It works for submenu level though. It is strange that it works for sublevel links and not for main-nav links…!? Perhaps you can improve this in the next version of Enfold?
You can flag this topic as solved.
Regards,
Monique
