Hi Ismael,
You are right I was replying to my previous post so I forget to put my screenshot again.
I was able to correct the font size problem with the help of the forum, so now I just have the problem of the “down arrow triangle” to solve
-> check at the bottom of this screenshot : https://www.dropbox.com/s/raludjq3nnd9ma7/Screenshot.png?dl=0
here is the screenshot of the back office view https://www.dropbox.com/s/u8ji6xnvng3h7ji/screeshot2.png?dl=0
as you can see there is nothing supposed to display this down arrow
I will also give you the link to the website below
Hi Yogit,
I found one of your older posts and modified the code to:
.av-main-nav > li > a { font-size: 11px !important; }
That now works thank you.
-
This reply was modified 11 years, 2 months ago by
d24media.
Hey!
Try to adjust the font size values on the css code:
@media only screen and (max-width: 1380px) and (min-width: 1260px) {
.avia-caption-content p {
font-size: 70px!important;
}}
@media only screen and (max-width: 1259px) and (min-width: 1024px) {
.avia-caption-content p {
font-size: 50px!important;
}}
Cheers!
Ismael
Hi!
Can you please elaborate the issue? I don’t see anything wrong with the font because it is using the default font size. A screenshot will help.
Best regards,
Ismael
Hi enfold team,
I would my portfolio posts like you did yourself in http://kriesi.at/blog . How do I do that?
Thanks
Greetings
Thomas
Hey!
Please try adding following code to Quick CSS
@media only screen and (max-width: 1380px) and (min-width: 1260px) {
.avia-caption-content p {
font-size: 44px!important;
}}
@media only screen and (max-width: 1259px) and (min-width: 1024px) {
.avia-caption-content p {
font-size: 32px!important;
}}
Best regards,
Yigit
Hi nigdowser!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
You can also go to Enfold theme options > Advanced Styling tab and edit some of the elements separately
Cheers!
Yigit
Is there a quick and easy way of changing the font size? I would like to increase the font just a little but am not sure how to do this. I wrongly thought that this was a selection in the theme options, but obviously I was thinking of another theme…
It’s just the overall font size, nothing tricky.
Thanks
Hey!
Please add following code to Quick CSS as well
.av-sort-by-term {
font-size: 18px;
}
Cheers!
Yigit
Hi glozemedia!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
h1.post-title.entry-title {
font-size: 22px!important;
color: red!important;
}
.entry-content {
font-size: 16px;
}
.entry-content h2 {
color: orange!important;
font-size: 20px;
}
.entry-content h1 {
color: green!important;
font-size: 25px;
}
Regards,
Yigit
Hey Scott!
Add this to your custom CSS.
#menu-item-36 .avia-menu-text { color: red !important; font-size: 15px !important; }
Where 36 is the ID of your menu item. The ID is usually the page ID. If your not sure what ID it is then right click your page and view the page source to see what is being set.
Cheers!
Elliott
I’m looking to change the styling for just blog posts. I’m not sure which classes to apply the custom css too.
the default font size for blog content to 16
the h1 and h2 font size and color
blog title size and color
Thanks!
Hi d24media!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1024px) {
.av-main-nav>li>a { font-size: 11px; }}
It will decrease the font size on screens below 1024px
Best regards,
Yigit
Hi all,
Is it possible to change the font size of the main navigation menu when viewing on a tablet please or once the screen size hits a certain size?
Thanks
Funny: if I use this quick css to make the bodytext bigger, it show the line again:
body {
font-size: 15px;
font-family: Open Sans;
}
Can I change the bodytext somewhere else?
Thanks.
David
Hey!
Please try using !important rule as following
#top .main_menu {
border: none !important;
}
Please add following code as weill
.news-headline {
font-size: 14px;
}
span.news-time {
font-size: 13px;
}
Cheers!
Yigit
Hi!
1. Try adding this to the bottom of your functions.php file.
function custom_excerpt_length( $length ) {
return 20;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
2. Add this in front of your CSS to target just your homepage.
.home
For example.
.home .news-excerpt { font-size: 12px !important; }
Best regards,
Elliott
Hey!
Please add following code to Quick CSS
1-
#footer .widgettitle {
font-size: 20px;
}
#footer a {
font-size: 18px;
}
2-
#top .main_menu {
border: none;
}
Regards,
Yigit
Hey again Yigit,
I was maybe too quick to tell you the subject was closed.
I just found out an other page on my site with the same problem (link in the private section)
Could you check it out ?
You will find it in the beginning of the white part, just above the “introduction” title.
Thanks for your help !
Hey!
1- Please edit your Color Section elements and choose not to display arrows.
2- Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_textblock h2 {
font-size: 40px;
}
Regards,
Yigit
Hi krisi support team,
if I minimize the widh of my browser window the main menu will overlap the logo, before it switch to “tablet or mobile mode”. The logo is on the left side and the menu on the right. Is it possible to wrap the menu or reduce the font size, if the window have a widh of … px or something like that?
Thanks for the support,
best regards
Frank
Hi,
I have a weird thing that happens on the single product page..
Firstly, on the product/edit page there are two content description areas. One at the top and one below the Product DATA labelled ‘Product Short Description’. (top one doesn’t have a label)
The top content description area is displayed in the product page description area at the bottom
The bottom content description area is displayed at the top, just below the Product Title.
I have no idea why this happens buts its weird and I’ve got used to it.
Hope this is making some sense..
Secondly, something else happens.. and now all the time.
The bottom content description area has the following (in text view):
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' link='' linktarget='' size='25px' position='left' color='#f7a288' custom_class=''][/av_font_icon]return to home
When the edit page has been updated/refreshed – it changes and displays the same code below. If I update whilst its showing all these &, # etc… it messes it up.
For example – the icon defined below in the shortcode disappears. And a “ appears right-side of the content.
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' link='' linktarget='' size='25px' position='left' color='#f7a288' custom_class=''][/av_font_icon]return to home
The workaround is – on the edit page I toggle the content description area box view from Visual to Text. The result is it converts it back to what it should be.
Hi vertikahl!
I’m not sure what you mean by “delete the html stuff”. Are you trying to hide the title?
I found this in your custom CSS so it looks like you already figured out how to style it.
.av-masonry-entry-title.entry-title {
font-size: 18px !important;
}
.av-masonry-entry-title.entry-title {
color: #ffffff;
font-family: "ViaSans";
font-size: 20px;
}
Cheers!
Elliott
Hi Martin :
try to add theses lines into your styles :
to change background color of the firts, third … lines :
.pricing-table>li:nth-child(even){color: #e0e0e0 !important; background-color: #413737 !important;}
to change background color of the second, fourth … lines :
.pricing-table>li:nth-child(odd){color: #413737 !important; background-color: #e0e0e0 !important;}
And maybe to change the font color and background color of the first line (price)
.pricing-table > li:first-child, .pricing-extra{font-size:50px !important; background-color: #fcb30a !important;}
HI thanks,
much more logic now.
a) why could they be not above each other?
they all:
position: absolute;
right: -10px !important;
—
b) No search icon/cart between 767px and fullscreen als if i change @media only screen and (max-width: 767px) { to 989px
—
/*Add your own styles here:*/
/*search icon, cart in mobile view*/
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}
@media only screen and (max-width: 989px) {
#advanced_menu_toggle {
position: absolute;
right: -10px !important;
top: 18px !important;
}
.cart_dropdown {
position: absolute !important;
right: -10px !important;
top: 50px !important;
}
li#menu-item-search a { font-size: 24px!important; }
nav.main_menu {
position: absolute !important;
right: -10px !important;
top: 30px !important;
}
}
Just what I needed to change font size for normal stuff.
I also did the first item above with :hover after it.
That will change color, font, whatever when I hover over the title line itself.
Is there any way to specify the title when I hover over the masonry image itself?
(But, yes, you answered EXACTLY what I first asked. Now, I’m just getting greedy!)
Hi!
Please add following code to Quick CSS
.single .entry-content-wrapper .post-title a { font-size: 21px!important; }
Regards,
Yigit
Hey!
As you can see here – http://i.imgur.com/0oOmFR7.png you wrapped your text inside a FONT tag, which is deprecated. Please use DIV or P tag instead of FONT. You can give your DIV element a custom class as following
<div class="my-custom-class">here goes your text</div>
and then you can add following code to Quick CSS in Enfold theme options under General Styling tab to adjust its color and font size
.my-custom-class { font-size: 16px; color: red; }
Best regards,
Yigit
Hi there,
I have two questions!
1) How can I make the header 100% not transparent? It stays always a little bit transparent.
2) I have already found out how to make a bigger font size in my layer slider, so that i can read the font also on mobile devices. BUT I am only able to see a part of the sentence in my slider. How can i make the sentence responsive. … so that the sentence is for example in three lines on my device. Hope you know what I mean :)
Thanks a lot in advance!