This reply has been marked as private.
This reply has been marked as private.
Hey Axel,
Thank you for using Enfold.
1.) Did you set your posts page as blog in the Enfold > Theme Options panel? Are you using the Advance Layout Builder? Please post the site url so that we can check the current setup of the site.
2.) What do you mean by “add-to-any”? Please provide a screenshot or a link.
3.) Unfortunately, we don’t or we can’t provide support for third party plugins as stated on our support policy. Please contact the plugin author for more info.
4.) We need to see the current blog style and layout. Please provide the blog page url.
5.) There is a font size option in the Enfold > Advanced Styling panel.
6.) You can also edit the main menu style in the Enfold > Advanced Styling panel.
We don’t usually entertain more than one question on a single thread because multiple questions can become a bit confusing and difficult for other users who are searching for the same answer. We kindly ask that you open separate threads in the future. Thank you for understanding.
Best regards,
Ismael
Hello,
I would like to integrate an icon into the LayerSlider of my web page (https://www.endiio.com/), which should open up a video after being clicked.
It should be similar to the icon I use here (https://www.endiio.com/en/endiio-retrofit-box/).
Basically a video icon and upon clicking on it, I want the video to open up on the same page (not in a separate tab on YouTube/Vimeo).
I tried following this advice: https://kriesi.at/support/topic/layerslider-button-with-icon/ and generated an icon:
[av_font_icon icon='ue80d' font='entypo-fontello' style='border' caption='Video ansehen' link='manually,https://www.youtube.com/watch?v=6kUABoqdBG0' linktarget='' size='100px' position='center' color='#ff9b00' custom_class='' admin_preview_bg=''][/av_font_icon]
I don’t know where to paste this in the LayerSlider, though. I have tried pasting the shortcode into Custom CSS etc. but nothing happened!
P.S.: I would like the end result to look similar to their icon/button: https://www.konux.com/
Thanks in advance
Hanna
-
This topic was modified 7 years, 5 months ago by
endiio. Reason: Added additional information
Hey prissesje,
I couldn’t see any categories on the page, but you can use this for the date and share this text:
.post-meta-infos, .av-share-link-description {
font-size: 20px !important;
}
Best regards,
Rikard
Hey pumpmakers,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 480px) and (max-width: 767px) {
h1 {
font-size:20px !important;
}
}
@media only screen and (max-width: 479px) {
h1 {
font-size:16px !important;
}
}
Best regards,
Rikard
Hi Pointbreakd,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .gform_wrapper input {
border-radius: 3px;
text-decoration: none;
display: inline-block;
margin: 3px 0;
line-height: 1.2em;
position: relative;
padding: 15px 30px 13px;
font-size: 13px;
min-width: 139px;
color: #ffffff;
border-color: #36486a;
background-color: #36486a;
}
If you need further assistance please let us know.
Best regards,
Victoria
Please close it. Thanks again. I am going to post my styling for that section below in case anyone finds it helpful. You will probably want to at least change the colors for the Buy Now Button.
David
/*EVENTS MOBILE STYLING*/
@media only screen and (max-width: 767px){
.av-single-event-content {
padding-left: 20px;
padding-right: 20px;
}
}
/*EVENT TICKET STYLING*/
.av-single-event-meta-bar .av-single-event-meta-bar-inner {
border: none;
padding: 0;
}
.av-single-event-meta-bar tr th:first-child, tr td:first-child{
border-left-style: none;
border-left-width: 0;
}
.av-single-event-meta-bar tr:first-child th, tr:first-child td{
border-top-style: none;
border-top-width: 0;
}
.av-single-event-meta-bar .tribe-events-tickets .tickets_description, .av-single-event-meta-bar .tribe-events-tickets .tickets_name, .av-single-event-meta-bar .tribe-events-tickets .tickets_name p, .av-single-event-meta-bar .tribe-events-tickets .tickets_price {
border-bottom: 0 none #dfdfdf;
}
form#tpp-buy-tickets{
border-bottom: 1px solid;
border-top: 1px solid;
padding-top: 20px;
margin-top: 20px;
}
@media only screen and (min-width: 768px){
.av-single-event-meta-bar .tribe-events-tickets td.tickets_name {
display: table-cell;
max-width: none;
width: 40%;
}
}
@media only screen and (min-width: 768px){
.av-single-event-meta-bar .tribe-events-tickets td.quantity {
display: table-cell;
max-width: none;
width: 15%;
}
}
a.tpp-submit.tribe-button, button.tpp-submit.tribe-button{
font-size: 17px;
color: #fff;
background-color: #c19d48;
padding: 15px 25px;
text-decoration: none !important;
display: inline-block;
}
a.tpp-submit.tribe-button:hover, button.tpp-submit.tribe-button:hover{
background-color: #ac7f37;
color: #fff;
}
Hi, the font size is correctly displaying as per the code, but it is the row height where I have a problem. I want it a different depth on the header row and pricing row. But it is picking up the 90px height from the main pricing table rows.
Hi ac,
Like I said in private before, the font size displayed is not 70 or 90, it is 24.
https://cl.ly/83ef20473792 The font size that is rendered is 24px, not 70 and not 30.
Best regards,
Victoria
Hey bergpsykologi,
You can set the header background colour under Enfold->General Styling->Logo Area, and you can change the font and size of the menu items under Enfold->Advanced Styling. If that is not working then make sure that you are not compressing files under Enfold->Performance. If it still doesn’t work then please post admin login details in private so that we can have a closer look.
Best regards,
Rikard
Hi, how can I change the text size for Header1 only in mobile view
– 480px and 767px AND
– smaller than 479px – eg: Smartphone Portrait?
Thanks Dietmar
Hi there!
I’m building my new website and would like to change the background color of the main menu/header from pale grey to white + make the font size bigger. Can you please tell me how to do this? Have been through all the advanced settings.
I have this css fot the normal header widget:
#header .widget {
left: 54%;
padding-top: 0px;
position: absolute;
top: 55px;
transform: translate(-50%);
z-index: 999;
text-align:center;
color:#0095d5 !important;
font-size:18px;
font-weight:bold;
line-height:21px;
}
this for the header widget of the home page (I need this for the trasparency page, there is a code fot this case? so I can remove ID and put the trasparency style)
.page-id-10 #header .widget{
color:#FFF !important;
text-shadow: 1px 1px 6px #000000;
top: 55px;
}
And this for tablet and mobile, where I use meta header.
@media only screen and (max-width: 990px) {
#header .widget {
display: none !important;
}
}
@media only screen and (min-width: 990px){
#header_meta{
display: none !important;
}
}
@media only screen and (min-width: 1024px){
#header .widget{
font-size:23px !important;
line-height:25px !important;
}
}
The last code I need is for scroll state. I try to add this, but it doesnt’ work
.header-scrolled #header .widget {
font-size:12px !important;
top: 20px !important;
line-height:15px !important;
}
Hey thomasqueck,
Thank you for using Enfold.
Use this css code adjust the font size of the h3 tag.
.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
font-size: 1em;
text-align: left;
letter-spacing: 1px;
}
You can also change it in the Enfold > Advanced Styling panel.
Best regards,
Ismael
Hey OlivierCharlot,
By “top menu” you mean the “main menu” correct?
Please check the documentation guide to change the main menu font size https://kriesi.at/documentation/enfold/menu/#main-menu
#top #header #avia-menu .menu-item > a > .avia-menu-text {
font-size: 17px;
}
Result :

Best regards,
Vinay
Hello,
I have gone through 8-10 answers you gave on how to change the top menu font size. It worked at the 6th attempt for one of my 2 websites using Enfold, but no way for the second one, neither through advanced stylesheets nor with 4 different CSS codes I found from different moderators.
I add private admin contact so that you can review things ;-)
Thanks in advance,
Olivier.
Hey gabs01,
Please try this code in the General Styling > Quick CSS field:
/* larger header social icons */
#top #wrap_all .social_bookmarks li a {
width: 30px!important;
line-height: 30px!important;
min-height: 30px!important;
font-size: 20px!important;
}
#top #wrap_all .social_bookmarks li {
height: 20px!important;
width: 30px!important;
}
#top #wrap_all .social_bookmarks {
height: 60px!important;
}
please adjust to suit.
Best regards,
Mike
Hi,
The diagonal area above the map can’t also hap a map that is seamless, but when I looked at it I didn’t see it until you pointed it out. But if you want to try, you could move the map down and take a screenshot of the map and use that as the background-image for the diagonal section. It will be tricky to get it just right, but it’s possible.
To change the font size of the copyright area, Please try this code in the General Styling > Quick CSS field:
.copyright,.copyright a {
font-size: 14px !important;
}
please adjust to suit.
To change the footer widget area font size, Please try this code in the General Styling > Quick CSS field:
#footer .textwidget p,#footer a {
font-size: 16px !important;
}
#footer h3.widgettitle {
font-size: 20px !important;
}
please adjust to suit.
Best regards,
Mike
Hi there,
Sorry, I cannot see any changes!!!!
The diagonal section above KONTAKT is still not in purple as the rest of KONTAKT is.
AND: I have the same problem further up as well, in the purple section about DSGVO.
And these questions I still have:
FOOTER: I would like to change the font size of the copyright information, on the very bottom. Where can I do that???
WIDGETS: I would like to change the font size of all the widget content.
MENU BOTTON: WICHTIGE SEITEN: I would like to change the font size of my menu items in the widget area under WICHTIGE SEITEN. The font is too small compared to the rest of the widget text. Where can I do that???
Google Map: It doesn’t fill out the field because due to the diagonal shape the top is not showing the map. Is there anything that can be done???
THANKS Nora
Hi there,
Sorry, I cannot see any changes!!!!
The diagonal section above KONTAKT is still not in purple as the rest of KONTAKT is.
And these questions I still have:
FOOTER: I would like to change the font size of the copyright information, on the very bottom. Where can I do that???
WIDGETS: I would like to change the font size of all the widget content.
MENU BOTTON: WICHTIGE SEITEN: I would like to change the font size of my menu items in the widget area under WICHTIGE SEITEN. The font is too small compared to the rest of the widget text. Where can I do that???
Google Map: It doesn’t fill out the field because due to the diagonal shape the top is not showing the map. Is there anything that can be done???
THANKS Nora
Hey ashforthmarketing,
Thanks for the login, I took a look at your site, and turned off your caching plugin, and disabled your css & js file merging in the Enfold Theme Options > Performance > JS & CSS file merging and compression for now while you are creating your site. This will save you a lot of headaches, and once your site is done you can enable these to make your site faster.
I see you are showing a blog post element on your “resources” page, so in your Enfold Theme Options I set the resource page as your blog location, which applied the settings from the Enfold Theme Options > Blog Layout settings.
I also checked your body content “Placeholder text” and the font family & size is matching your Advanced Styling options “Open-sans”, “16px”
So I believe everything is working correctly now, setting the “resource” page as your blog location in Enfold Theme Options > Blog was the key.
Let us know if there is anything else we can assist with.
Best regards,
Mike
Hello,
I could resolve some issues myself but still have the following question:
FOOTER: I would like to change the font size of the copyright information, on the very bottom. Where can I do that???
HEADER: I would like to change the font size of my menu items. I need to different font sizes, one for the TOP MENU, and another one for the IMPORTANT PAGES in the widget area, I need to change this font size separately. Where can I do that???
Google Map: It doens’t fit in the field because the field is not rectangular in your theme. how can I make it fit in this non-rectangular space?
THANKS SO MUCH.
Nora
Hello,
Sorry, I just saw that somebody already replied.
FOOTER: I would like to change the font size of the copyright information.
FOOTER: I would like to get rid off the link to your company, but I do have link to imprint in there. so [nolink] would probably erase my link as well. How can I do this alternatively.
Google Map: It doens’t fit in the field because the field is not rectangular in your theme. how can I make it fit in this non-rectangular space?
THANKS SO MUCH.
Nora
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#header_meta a, #header_meta span {
font-size:16px !important;
}
Best regards,
Rikard
Hi,
Thank you for the link, try wrapping your text and number in span classes and add to the Phone Number or small info text field, like this:
<span class="phone-text">Contact Us</span> <span class="phone-number">555-5555</span>
Then add this code in the General Styling > Quick CSS field:
.phone-text {
font-size: 12px;
color: red;
}
.phone-number {
font-size: 14px;
color: green;
}
adjust the colors and sizes to suit.
Best regards,
Mike
I am trying to edit the font size, weight, and type in the main menu. I have done this in the past on other enfold sites, but nothing I do will work. I’ve even tried using the Advanced Styling and other quick CSS I’ve found in the help forum, but nothing works. Please help!
I’ve included a link to the page I am working on.
Hi there,
I’m trying to change the font size for h5. I’ve added this to the quick css:
h5 {
font-size: 20px!important;
}
And I’ve also styled it in the Advanced styling.
To no avail!
It remains large and doesn’t change. Please help.
Thanks,
Susanne
Login details see below.
So PLEASE, how do I get this demo import???
It’s this one I’m looking for: https://kriesi.at/themes/enfold-creative-studio/
I imported it but it doesn’t show.
I need to get working on this otherwise I have to switch themes.
AND: How can I change the FONT SIZE of the FOOTER FONT
AND: How can I get rid off your link in the Footer, where can I delete it?
PLEASE INFORM!!!
It’s really urgent because I need to get this done!!!
THANKS SO MUCH FOR YOUR HELP.
Best, Nora
Where can I get rid off the Link to Enfold in the Footer? Why does it appear there?
How can I change the font size and color of the footer color? I tried in GENERAL STYLING to change the Font Color for FOOTER FONT COLOR – nothing changed. I changed the SOCKET FONT COLOR – nothing happened.
So please where can I change the color for the footer font, and increase it’s size???
And please also be so kind and answer the previous question. I cannot wait 3 days for each answer otherwise I cannot work with this theme!
Thanks so much.
Best, Nora