Hey Ed!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
You can adjust Heading element font sizes in Enfold theme options > Advanced Styling tab
Cheers!
Yigit
I had a reader tell me the font size needs adjusting to something larger. I thought this was going to be easy. (and maybe it is) I went to Enfold control panel, but I could not see anyplace where I could open up the font size….
Is it somewhere obvious and I am not seeing it….or can you tell me what CSS I would need to change (post/page text body?
thanks,
Ed
This reply has been marked as private.
Hey!
Please add following code to Quick CSS
.title_container .main-title a {
font-size: 12px;
}
Cheers!
Yigit
Hey olivereckstein!
You can go to Enfold theme options > Advanced Styling and edit Heading elements to change their font sizes. If you would like to make the change on certain element, please post the link to your website and point out the element so we can provide you custom CSS code :)
Best regards,
Yigit
Hey Christine!
Giving your selector a little more weight should work fine.
Add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->General Styling:
#top #wrap_all #main h3.widgettitle {
font-size: 20px;
font-weight: normal;
}
Best regards,
Kriesi
Hi schoefa2!
add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->General Styling:
#top h2.post-title {
font-size: 28px;
}
Cheers!
Kriesi
I just need to get the font on the active tab to WHITE. I have it set for #ffffff but it doesn’t change?
Nothing I’ve tried seems to work. PLEASE HELP!
This is the code currently in place…
.tab_titles .tab { font-size: 13px !important; }
#top .tabcontainer .active_tab {
font-size: 13px !important;
background: #222222;
color: #fff;
}
.js_active .top_tab .tab {
border-color: #e1e1e1;
background: #fff;
color: #222222;
}
http://collinssafety.ca/wp/#tab-id-1
Here’s the code I have…
#top .tabcontainer .active_tab {
background: #a81010;
color: #ffffff; – (CHANGING THIS DOES NOTHING… I NEED IT TO BE WHITE)
}
.js_active .top_tab .tab {
border-color: #e1e1e1;
background: #fff;
color: #222222;
}
When I add your code for text size into the mix (
.tab_titles .tab { font-size: 13px !important; }) it cancels everything else out??… NO COLOR
Hi there, having an issue where my header which should be all black, is changing to transparent when i log out of the admin panel.
I included screenshots of the issue, is clear to see the page backround in the second image, instead of solid black. Transparent header is disabled in Enfold options.
Would this possibly be caused by the CSS I added to make the social icons and phone number bigger? I was told by moderators to add the following:
@media only screen and (min-width: 767px) {
.phone-info {
position: relative;
top: 20px;
font-size: 24px;
}
#top #header .social_bookmarks li a {
font-size: 30px;
line-height: 80px;
min-height: 80px;
width: 80px;
}}
Thanks in advance.
Hey Patrick!
Add this to your custom CSS.
@media only screen and (max-width: 479px) {
#wrapperMap .textmap h1 { font-size: 20px !important; }
#wrapperMap .text2map h1 { font-size: 15px !important; }
}
Cheers!
Elliott
Hi collinssafety!
1. Add this to your custom CSS.
.tab_titles .tab { font-size: 15px !important; }
2. Add this.
.tab_titles > .tab:nth-child(1) {
background: none repeat scroll 0 0 blue !important;
}
The “1” refers to whichever tab you want to target. To do it separately on each page then drag a codeblock element to the page and add the code inside.
<style type = "text/css">
your css code goes here
</style>
3. Add this.
.mejs_offscreen { display: none !important; }
Best regards,
Elliott
Hey!
Please add following code to Quick CSS as well
#advanced_menu_toggle, #advanced_menu_hide {
background-color: #ffffff;
color: #d9002b;
border-color: #d9002b;
}
@media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
font-size: 36px!important;
}}
Regards,
Yigit
Hi!
1- Please add following code to Quick CSS
.title_container .breadcrumb {
font-size: 18px;
text-transform: uppercase;
}
2- Please edit your page and click “Screen Options” on the right top corner and check “Custom Fields” then scroll below your content and make sure that header is set to YES, it could be set to NO currently.
Regards,
Yigit
Hi morten008!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
h2.av-special-heading-tag {
font-size: 40px!important;
}}
Best regards,
Yigit
Thanks, any way of making the breadcrumbs all caps? and also a bigger size font?
A few things regarding TABS… and wp 4.1 update
1.How do I change the title font size for tab titles?
2. How do I change the color of each tab…. respectively? (Would like to be able to have different colors on different pages if possible).
I seem to have somehow got old code (found on comments) to work on tab color but it DOESN’T effect tabs when aligned on the side?? (left or right). Very strange…Is there separate code needed for this too?
Here’s where I am at so far…
with code in “quick css”…Can change color but cannot change font size. See example #1 url.
… Cannot change anything for this (Need Code) See example #2 url.
Another issue has popped up that is effecting a lot of things in your theme since upgrading to the new wp as well. Hopefully you have a quick fix for this as well. If you notice on the home page there seems to be a black line above the slider video with “Video Player” displayed on the left. Could really use help getting rid of this.
Another issue since upgrading is that when I try to edit any text block in any element, it seems to default to “Text” instead of the usual “Visual” tab. Very annoying. As well, if I happen to have a photo in there and go to edit it… it pops up some weird editor all across the whole screen??
Again, very annoying and needs to be fixed. This all has happened since I updated to 4.1 so do I now need to downgrade in order to fix these issues??
Appreciate your speedy response.
Thanks
Joe
Hey!
1- No, because logo and menu items would overlap breadcrumbs when used with transparent header.
2- Please choose to display both and then add following code to Quick CSS
h1.main-title.entry-title {
display: none;
}
3-
h1.main-title.entry-title {
font-size: 20px!important;
}
Cheers!
Yigit
Hey!
You can apply the code Elliott posted only on desktop if you use following code instead
@media only screen and (min-width: 767px) {
.phone-info {
position: relative;
top: 20px;
}
#top #header .social_bookmarks li a {
font-size: 30px;
line-height: 80px;
min-height: 80px;
width: 80px;
}}
Cheers!
Yigit
Hey!
Thank you for your kind words Mike, glad you are loving the theme :)
Main menu items’ font size is 13px. If you could elaborate on the changes you would like to make, we may help you better. If you would like to make changes on certain elements, you can turn on custom CSS field for ALB elements ( please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your elements a custom CSS class and using custom CSS, you can change font size of selected elements.
Regards,
Yigit
Hi,
The best way to change to font sizes would be to use custom CSS.
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
As for the default sizes, see the font sizing in the CSS code
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: 20px;
line-height: 1.1em;
margin-bottom: 8px;
}
h4 {
font-size: 18px;
line-height: 1.1em;
margin-bottom: 4px;
}
h5 {
font-size: 16px;
line-height: 1.1em;
}
h6 {
font-size: 14px;
line-height: 1.1em;
}
Cheers
This reply has been marked as private.
Hi Mike!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
You can go to Enfold theme options > Advanced Styling and change the font sizes of Heading elements
Cheers!
Yigit
Hey Enfold,
What is the best way to update the font sizes but keep the entire theme congruent? I noticed you’re using em sizing (Very good) and I don’t want to mess up the continuity that you already have set up. What is the default body font size? What is the default header font size for h1,h2,h3,h4,h5,h6?
Thanks,
Mike
Hey Brutalben!
Add this to your custom CSS.
.phone-info {
position: relative;
top: 20px;
}
To target only the social icons in your header then change the CSS your using to this instead.
#top #header .social_bookmarks li a {
font-size: 30px;
line-height: 80px;
min-height: 80px;
width: 80px;
}
Regards,
Elliott
Hi!
Are you sure you used the code I posted? It’s supposed to make the font size smaller but what I’m seeing in your source code is this.
.av-catalogue-content {
display: none !important;
}
Regards,
Elliott
Hi!
You have following code in Quick CSS field
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 20px !important;
}}
please change it to following
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px !important;
}}
Regards,
Yigit
Hey!
You can add this at the bottom of Quick CSS:
.header-scrolled .av-main-nav > li > a {
line-height: 80px !important;
}
.header-scrolled h1.site_title {
position: absolute;
top: 2px;
font-size: 20px;
}
Cheers!
Ismael
Hi bojsenit!
It looks like you added a custom style in the advanced styling section for H3’s. Try adding this to your custom CSS.
h3.slide-entry-title {
font-size: 14px !important;
}
Regards,
Elliott