Hey!
We are working on your issue please stick around we will update the results here soon.
This effect can be easily re-created in Enfolds Advanced Layout Builder.
Goto Edit Page > Advanced Layout Builder > Content Elements > Color Section
In color section edit options select height 100%
Insert a text box and add your logo in it.
Disable sidebar and footer.
or use the below short code
[av_section min_height='100' min_height_px='500px' padding='small' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#000000' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_image src='http://localhost/_proj/enfold/wp-content/uploads/2016/01/Avalanche-BW1.jpg' attachment='2975' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in'][/av_image]
[/av_section]
Add an extra textbox and write your custom code for email icon.
Once you get this far please get back to us with your admin login info in a private message so if you have any issue we can help you with it.
Cheers!
Vinay
-
This reply was modified 10 years, 3 months ago by
Vinay.
Hi!
I think there is no problem at all. It just depends on what you want. A mockup showing the results you would like to achieve would be helpful, then we can provide you some precise css code.
You can increase search icon with this code:
#top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 25px;
}
Adjust it as needed.
Cheers!
Andy
Hello, I have just installed the plugin FONT RESIZER in a new website, and I wonder how to place it in the main menu bar
…is it possible in enfold theme? How can I do it?
thanks!!
I am using this CSS in Quick CSS to apply it:
.avia-menu-text {
font-family: ‘five_quills_medium’; font-size:32px; letter-spacing:3px; text-transform:uppercase;
}
Regarding your other idea, will that replace the Google fonts? I still want to use Open Sans for the body copy and some headings. Also, is it really necessary to use a child theme? I have not done this before. Can I add a child theme now even though I have done quite a lot on the existing theme (without losing my work)?
perfect! it’s working.

last question: it’s possible put “Made in ITALY” below the table? I used this code for put “Caratteristiche” on left and “Made in ITALY” on right:
<div style=”float: left; text-align: left; font-size: 20px;”>Caratteristiche</div><div style=”float: right; text-align: right; font-size: 15px;”>Made in ITALY</div>
thanks
-
This reply was modified 10 years, 3 months ago by
Pas7o.
The images are great but the text is still a bit small on mobile view. Is there a way to setup a specific font size when the width of the browser is under 725px? Thanks again for the help.
Hello,
How to increase the size of the call to action button in the fullwidth slider (adjust height, width, font size, etc)
Thanks,
It really weird that display:none works like a charm, but font-size: 10px doesn’t. This absolutely baffles me, as I literally had the exact same code as you, but one css command worked and the other didn’t (still doesn’t). No idea why its like that.
Is there a way to increase the slider height on mobile, so that I can include the description, while also making the caption and descriptions smaller. That way I can fit everything in?
Cheers
OK, I just tried this and Elliott, you ARE Da’Man! :^)
It works very well, except that the popup submenu text comes up way too small.
I am assuming the 32pt font size cited in the CSS you included above refers to the main submenu text size. But there is no numerical value included for the popup submenu text size. Is there a way for me to control the size of the popup nested submenu text? Is this CSS just telling the page to pull the the type size from another setting that I could go adjust in the control panels?
Thank you!
Dave
Hi!
because this link is broken I gave you this one: https://www.iconfinder.com/icons/194920/linkedin_outline_social_media_icon#size=24
An alternative would be to open functions.php and look for “//social” around line 183, then look for the rss line:
'rss' => array( 'font' =>'entypo-fontello', 'icon' => 'ue853'),
You can replace “ue853” with a linedin code. Check out this website: http://web.archive.org/web/20140912210715/http://entypo.com/characters/ where you’ll find two different linkedin icons:
“UF319”
and
“U+F318”.
Hope this helps.
Regards,
Andy
Hi Paul!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-inner-masonry-content {
text-align: center;
}
.av-masonry-entry .av-masonry-entry-title {
font-size: 19px;
}
Regards,
Yigit
Hi Basilis,
sorry no change …
http://www.zeitbote.com/checkliste-hochzeitsvorbereitung
I’m using own font for this and also tried define it there:
.fs3, fs3 {
font-family: 'freightsansbook';
font-size: 18px;
line-height: 28px;
letter-spacing: 0.1px;
color: #373737 !important;
text-transform: none !important;
font-weight: normal !important;
list-style-type: bullet;
list-style: bullet;
}
No Change. If you have another hint your help is very appreciatet.
Thanks a lot !
Greetings
Michael
Hi,
You can probably get it to fit by making the font smaller, something like this:
@media only screen and (max-width: 767px) {
#text-3 p {
font-size: 14px;
}
}
The number is an image though, why not just use text? You can target the image using this if you still want to use it:
@media only screen and (max-width: 767px) {
#text-3 p img {
your code here
}
}
Regards,
Rikard
Hi,
Try the following as well:
.social_bookmarks li a {
font-size: 16px !important;
}
Thanks,
Rikard
Hi,
Ok, what if you wrap your shortcode in a span element?
<span>[av_font_icon icon='ue877' font='entypo-fontello' size='32px' ]</span>
Regards,
Rikard
Hey dkrausJFA!
Use this CSS instead.
.av-submenu-container > div > ul > li > a > .avia-menu-text {
font-size: 32px !important;
}
Cheers!
Elliott
@dcarlsondesign, did this help you? I would be positively surprised, but you never know…
(I am experiencing the same problem, I think)
To be more precise. What I experience:
1. Create a simple one-slide slider with image and text.
2. Save and it works.
3. Reopen the slider, and the slide is “not good”: Image is not visible, several text style settings are gone (I lost font, size, color).
4. From now on, the slider is useless. The only way to get something to work, is to do it right the first time. I have not tried multi-slide sliders.
-
This reply was modified 10 years, 3 months ago by
semhenrik.
Steps to reproduce:
– In advanced editor, add a new button
– Configure the button URL manually with the link I have put in private content below.
Expected result:
– The button is displayed correctly
Actual result:
– Some character in the URL seems to break the editor
– Button does not contain link, instead part of the button code is shown below the button:
‘ link_target=“ size=’x-large‘ position=’left‘ icon_select=’yes‘ icon=’ue859′ font=’entypo-fontello‘ color=’theme-color‘ custom_bg=’#444444′ custom_font=’#ffffff‘ custom_class=“]
Question:
I think the problem is that the URL contains square brackets like [sometext] and that these square brackets break the button short code that is inserted by the builder. So how do I escape square brackets in the url in order not to break the advanced builder?
-
This topic was modified 10 years, 3 months ago by
luechinger.
Hi,
it seems that the fonts use in headers do not response to smaller screen. is ther eany hack we should use?
I cam across this. Would this work as an option or do you have better option to reduce the font size once the screen resizes.
h1 {
font-size: 5.9vw;
}
h2 {
font-size: 3.0vh:
}
p {
font-size: 2vmin;
}
Thanks.
D
Hi there!
On my website the blog post titles appear indented since upgrading to a new version of the Enfold theme.
I would like to have the titles without indent (they only appear indented on desktop but not tablet or phone). Also, the font size of the blog post body text has increased as compared to body text on rest of website…
Can anyone help?
This morning My Advanced LayerSlider somehow lost all it styling in the headlines, type and buttons (font-size, color, button background, etc.)
http://www.carlsonmanagementconsulting.com/dev/
When I try to reapply and save the styles the LayerSlider will not save them and will not make the changes.
This was working fine for the last few weeks after updating to Enfold 3.4.7…why would it break?…I have no plugins installed
I don’t recall updating the LayerSlider from 5.5.0 to 5.6.2 was this done automatically? Was it done when I updated the Enfold theme from 3.4.6 to 3.4.7
the only settings I see different from my old version…5.5.0 which I still have in local environment are
5.6.2 had –“Enabled caching can drastically increase the plugin performance and spare your server from unnecessary load.”
which I turned off — to no efffect
and 5.5.0 had Concatenate Output on Concatenating the plugin’s output could solve issues caused by custom filters your theme might use.– so I tried turning that on…to no effect.
Any ideas? Have you had this issue before?
See private area for more info
Good morning . . .
Several weeks ago you supplied me with this quick css to modify the text size inside a full width submenu:
.avia-button.avia-size-large { font-size: 24px; }
.av-submenu-container .avia-menu-text { font-size: 32px !important; }
This has let me set the submenu size at 32px as visible. But I also have nested submenus for each of the three items in the submenu: Small, Midsize, and Large Business Services. That CSS sets the font size in the nested submenus as well, and within the context of our page it looks quite awkward. I have included the page link in the private info so you can see.
Is there additional quick css I can include that will let me set the font size for the nested submenu items independently of the main submenu headings? Ideally I would be able to have the nested submenu items at 16px in contrast to the 32px of the main submenu items.
It would also be great to be able to be able to control the background color of the nested submenu and put bullets in front of each item. Is this also possible through quick CSS? My end goal is to have the nested submenu come up on mouseover in such a way that it is clearly highlighted, since the list is popping up over background text.
Thanks so much for any advice or help you can give!
Dave
That helped. The phone bar is now uniformly covered and appropriately transparent.
But it stays that way even when I scroll down. Is there a way to change color, like the header does, when I scroll down? I’d like for it to be this blue: #124b88.
Also, when I applied your code I lost the formatting for the text in that small bar. It’s the right font (Lato), but I’d like it to be a light weight (300) and size 14. This is the code I’m using, doesn’t seem to work:
phone.info {
font-size: 14px!important;
font-weight: 300!important;
}
I also tried adding div. before the phone.info
Ideas?
Thanks so much!
Hey!
Your code should be
.knapp .avia_iconbox_title {
font-size: 16px !important;
color: black !important;
font-family: oswald !important;
}
Space should be before second dot and not after
Cheers!
Yigit
Ok…thanks
I change to “knapp” but no change, only the black background is gone
.knapp. avia_iconbox_title {
font-size: 16px !important;
color: black !important;
font-family: oswald !important;
}
Hey,
this code is not working, it creates a black background
http://www.coolbudgethotels.com/byron-bay/
.your-custom-class .avia_iconbox_title {
font-size: 16px !important;
color: black !important;
font-family: oswald !important;
}
Thanks
Charlotte
Hey Tilman!
Would you like to add text “menu” to your menu? If so, please add following code to Quick CSS
#advanced_menu_toggle:after {
content: 'Menu';
font-size: 18px;
position: relative;
top: -4px;
left: 5px;
color: black;
}
and adjust as needed
Cheers!
Yigit
Hello,
I’d like to change the phone info above the top header so that, when the page is scrolled all the way at the top, there is a dark, glassy transparent background behind the text (exactly like the header), but when it scrolls down that disappears (again, like the header).
I have:
phone-info {
font-size: 12px;
font-weight: 300;
background-color: rgba(0,0,0,0.4);
}
But that only provides the background behind the text; I want it to span the entire page. Additionally, when I scroll down, I want that top bar to remain blue and not have the overlay. How do I do this?
Many thanks,
Chris
-
This topic was modified 10 years, 3 months ago by
dunawaychris.
Hey!
You can use this css code:
#top #header .avia_mega_div > .sub-menu > li > ul li {
font-family: Arial;
font-size: 11px;
}
Best regards,
Ismael
Hi!
So far I have this solution for inserting an icon and attaching a link:
[av_font_icon icon='ue877' font='entypo-fontello' size='32px' ]
The problem is that the icon either appears at the right or left side of my container, instead of immediately after the text where I put it.
Regards
Poirot
Edit: To attach the link I put the code above between an “a ref”
-
This reply was modified 10 years, 3 months ago by
Poirot.