it’s great, all the new features (like font size, color, etc.) but how about changing it from ALL CAPS all the time to mixed case? or another font? is that possible? thanks in advance for your help!
Request 1:
How and where exactly could it be possible to customize main menu position? In the editor there are only a few options. We would like to have the Main Menu placed on the left side, exactly besides the logo to the right of the logo centered in the same row.
Request 2:
In the Advanced styling we have been able to set the “Main Menu sublevel links” and “Main Menu links” to some degree. We would also want to adjust them a little bit more such as:
Main Menu sublevel links:
– Sublevel headlines – Mega menu column title items without links (no possible adjustment at the moment) we would like to add:
font-weight: normal;
color: #f9f9f9;
font-size: 18px;
– Sublevel links (additional to font size, color and line-height) we would like to add:
hoover color: #cc0000, – while sustaining a non-hoover state in already adjusted values
Main Menu links:
– All links (additional to font size and color) we would like to add:
font-weight: normal;
outline: medium none;
text-decoration: none;
text-shadow: 0 2px 2px #000;
text-transform: none;
Please advise if possible.
Hey charger70!
Add this to your custom CSS.
.scroll-down-link {
color: yellow !important;
font-size: 200px !important;
}
Best regards,
Elliott
Hi!
1. On the blog page the H1 is switched to a strong tag for SEO reasons. You can add this CSS to style it.
strong.main-title {
text-transform: none !important;
font-weight: normal;
font-family:’Pacifico’;
font-size: 20px;
}
2. It’s from the elements your using. The HR elements have a bottom margin applied.
3. There is no setting for that yet. You can request it here, https://kriesi.at/support/enfold-feature-requests/, and we’ll see if we can get something worked out in a future update.
Regards,
Elliott
Hi martinafuchs!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.entry-content p {
font-size: 16px;
}
Regards,
Yigit
Hi Team,
I need help with changing the font size of my blog articles. I want a bigger font-size for my blog articles – can you please tell me where I can change this or what I have to do to make the fontsize bigger.
There is no option in the article writing panel/toolboard for chosing a bigger font size – so please give me some informations or a tutorial about it.
And if possible I want to have this bigger font size only for my blog articles not for the rest of the content.
And I have never worked with css or so on – so I need an easy solution.
Thanks in advance,
Martina
This reply has been marked as private.
Hi!
Did you add the css media queries at the bottom of the Quick CSS? If not then you should. Please try this:
@media only screen and (max-width: 480px) {
.subtext .first-line { font-size: 24px !important; width: 85%; }
.subtext .second-line { font-size: 14px !important; width: 85%; }
}
Cheers!
Ismael
Hey!
Looks like you figure out the “edge” issue. Regarding the text, you can separate the words with a span tag. Something like this:
This is <span class="separate-words">a sentence</span>.
Add something like this on Quick CSS:
.separate-words {
font-size: 50px !important;
}
This should change the font size of the “a sentence” part.
Regards,
Ismael
Hey!
Try this on Quick CSS:
@media only screen and (min-width: 989px) and (max-width: 1024px) {
.av-main-nav > li > a {
padding: 0 5px;
font-size: 12px !important;
}
.logo img {
max-height: 70px !important;
}
}
Remove browser cache then reload the page.
Cheers!
Ismael
Hi!
Try this.
.grid-entry { border: 1px solid red !important; }
Try this for the paragraphs.
body p { font-size: 20px !important; }
Regards,
Elliott
Hey!
Change the line to this.
$sidebar_menu .= '<span>'.get_the_title($parent).'</span>';
And then add this to your custom CSS.
.inner_sidebar > span { font-size: 17px; color: #919191; }
Best regards,
Elliott
Hey!
Please add following code to Quick CSS
.header-scrolled .logo a:before {
font-size: 30px;
left: 105px;
top: -3px;
}
.header-scrolled .logo a span.front:after {
font-size: 14px;
top: 15px;
position: relative;
left: -30px;
}
Regards,
Yigit
Hi,
with the transparent header in view, I changed the color of the menu to white (on grey background) in ‘advanced styling’ (to get a bigger font size and other font family)
when I scroll down, the menu colors stay white while the background changes to white (so don’t see the menu)
-If you see, the header stays slightly transparent.
The idea was to have the same as the top bar, white when tranparent and black when scrolling down.
Same as your dummy tranparent header page.
Any ideas?
Hi jurgen1979!
It’s not meant to be used like that but you can switch to the default editor and then insert shortcodes and nest them inside each other.
It would look something like this.
[av_content_slider heading='' columns='1' animation='slide' navigation='arrows' autoplay='false' interval='5' font_color='' color='']
[av_content_slide title='Slide 1' tags='']
[av_image_hotspot src='#' attachment='156' attachment_size='medium' animation='no-animation' hotspot_layout='numbered' hotspot_mobile='aviaTBhotspot_mobile' custom_class='']
[av_image_spot tooltip_pos='' tooltip_width='' tooltip_style='' link='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos=''][/av_image_spot]
[/av_image_hotspot]
[/av_content_slide]
[av_content_slide title='Slide 2' tags='']
test
[/av_content_slide]
[/av_content_slider]
Cheers!
Elliott
Hi!
Try adding this to your custom CSS.
#top .avia-button-fullwidth .av-button-description { font-size: 14px !important; }
Cheers!
Elliott
Hi de2ma2!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#socket .social_bookmarks a {
font-size: 18px;
}
Cheers!
Yigit
well this is css generated content – you can do that perhaps :
#advanced_menu_toggle:before {
content: "menu" !important;
display: inline-block;
font-size: 18px;
transform: rotate(-45deg) !important;
transform-origin: 25% 50% 0 !important;
}
:lol
the rotation is for having more space in that little box.
if you want to change than the advanced_menu_hide:before
similar to above
Hi there
One more question in addition the the above one:
How do I set up a new text-size for all the body and excerpt text ?
I tried to add into the custom css the following one:
.body p {
font-size: 20px;
}
but no good
This reply has been marked as private.
Hi Renvato2!
Please add following code to Quick CSS
@media only screen and (max-width: 480px) {
.subtext .first-line { font-size: 24px; }
.subtext .second-line { font-size: 14px; }}
Cheers!
Yigit
Hi,
When I view my phone on a 320px wide mobile phone emulator it does not look very good (Link) I have tried several kinds of media queries with Font Size & layout/location of text changes but nothing seems to effect the font size or layout at all, even in the slightest bit. I have tired placing this media queries in the Style.css and quick Css but makes no difference. I have also tried pasting several media css examples off the internet just to see what it would do and again nothing changed at all.
The problem is with the two lines of text that replaced the Enfold Logo.
.logo img { display: none !important; }
.logo, .logo a {
overflow: visible;
height: auto !important;
width: auto !important;
}
.subtext > div {
line-height:18px;
}
.subtext .second-line{
font-size: 16px;
position:relative;
left:40px;
color: green;
}
I also have already tried these codes that was suggest by Enfold mediators but does not help
.phone-info {
font-size: 16px;
}
@media only screen and (max-width: 480px) {
.responsive #top #wrap_all .container { width: 70%; max-width: 70%; }}
Hey patriscia!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.title_container .main-title { font-size: 20px; }
If that does not help, please post the link to your website and a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Best regards,
Yigit
It’s a hacked solution but well… it’s done
Complete code for my situation :
@media only screen and (min-width: 1085px) {
/* Add your Desktop Styles here */
.html_header_top.html_header_sticky #header {
margin-top: -30px;
}
#header_meta, #header_meta .container {
min-height:0px;
height: 0px;
}
.phone-info {
position: relative;
font-size: 32px;
top: 83px;
}
}
@media only screen and (max-width: 1085px) {
/* Add your Desktop Styles here */
.phone-info {
font-size:16px;
}
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
padding-top: 163px;
}
Thanks Yigit ;)
Hey Ben!
Thank you for using our theme:
Try to put the following in custom.css or Enfold->Styles->QuickCSS and adjust the values:
#top .price del .amount{
font-size: 15px !important;
}
#top .price ins .amount{
font-size: 19px !important;
}
You may also change font color or other settings for the font.
Best regards,
Günter
Hi there,
For our website http://www.prijatelji.nl we wish to have a smaller font size for the original price
and a larger font size for the discounted price.
I have checked this link from Woocommerce but the css suggested there did not have any effect.
Any suggestions?
Thanx!
Hi curtdonohue!
#1 Feel free to make a feature request: https://kriesi.at/support/enfold-feature-requests/
#2 If you are asking us about design questions, than this is out of our support scope. If you want to change font size of H1, add this to Quick CSS:
h1 {
font-size: 18px;
}
Best regards,
Andy
Hey!
Try with this:
@media only screen and (max-width: 767px) {
strong.heading.avia-animated-number-title span {
display: block;
font-size: 35px;
line-height: 40px;
}
}
Cheers!
Josue
Hi!
Enable this:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then set a custom class to the button and add this to Quick CSS:
.custom-button{
font-size: 22px !important;
}
Best regards,
Josue
Hey!
Try with this:
.header-scrolled .avia-menu-text{
font-size: 22px;
}
Cheers!
Josue