Thx Andy,
I´ve included it, but the page looks unchanged. Any idea? Can it be a conflict with other quick css entries or may I need to the change order of those (I tried also to put your code first, but no effect either)?
Thx again and best regards oestersund / Tilman
Whole quick CSS is:
main_menu ul:first-child > li > a { color: #5a5d59; font-weight: 300; font-family: ‘PT Sans’; font-size: 15px;}
#top .main_menu a:hover {
background: #00c6dc;
color: #ffffff;}
#top .main_menu .menu li ul a { font-weight: 300; font-family: ‘PT Sans’; font-size: 15px; }
#top .av-main-nav ul ul {
left: 207px !important;
}
.header_color .main_menu .menu ul li a:hover {
background-color: white;
color: white !important;}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div>.sub-menu {
display: none;
}
.bottom_nav_header.social_header .main_menu ul:first-child {
background: #828282;}
h1, h2, h3{text-transform: none !important;}
body { font-size: 15px; line-height: 100%; }
h1,h2,h3,h4 { font-weight:normal; }
#top .flex_column .template-blog .post-title {
font-size: 20px;}
#top .tm-promobox2 { line-height: 1.5; }
#top .tm-ctabox { padding: 15px; border: 2px solid #00c6dc; }
I’ve added an down arrow icon in menu to indicate there is sub menus. I’ve added the icon code to the menu item name under Appearance | Menu.
The problem in Internet explorer is when i align the icon right the whole sub menu gets pushed down. Everything looks ok in Chrome and Firefox. If i set the position to left the menu looks fine.
The code i inserted in the menu context name is
[av_font_icon icon='ue877' font='entypo-fontello' style='' caption='' link='' linktarget='' size='14px' position='right' color=''][/av_font_icon].
Hello
I am trying to change the font style to Tangerine within a Promo box (code below) to no avail. Additionally there is a large amount of space prior to the box which is placed underneath the main menu. How could I decrease this?
THanks in advance
Chris
PS I used the default content editor/ insert shortcode – path to generate the code below, then added by trial and error the other style elements. But cannot crack how to get a scripty font into this box?
[av_promobox button='no' label='' link='manually,http://' link_target='' color='theme-color' custom_bg='#222222' custom_font='#ffffff' size='large' icon_select='no' icon='ue800' font='entypo-fontello']
<h1 style=”text-align: center;”><span style=”color: #af2323; font-size: 65px; font-family: tangerine;”>[362]</span></h1>
<p style=”text-align: center; font-size: 20px;”>[372]</p>
[/av_promobox]
Hello everyone.
How do I increase the paragraph font size for both pages and posts?
I saw this previous post:
https://kriesi.at/support/topic/adjust-blog-paragraph-text-font-size-only/
It answers my question pretty well, but I am embarrassed to say that I don’t know how to add that CSS code. Could you tell me where to put that code and how to do it. I am a beginner.
I also do not know if this would adjust both paragraph font size on both pages and posts?
Thank you in advance for your help
This reply has been marked as private.
I have it set but it is not showing transparent. There must be some code I can use???
When I try this with firebug it works, but when I put into custom styles and save, It does not work
#top #header .av-main-nav > li > a {
color: #000000;
background-color: transparent;
font-size: 16px;
font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}
Thanks
-
This reply was modified 11 years, 3 months ago by
elames.
Hi!
Please use following code instead of second line
#advanced_menu_toggle, #advanced_menu_hide { font-size: 40px; }
Regards,
Yigit
Hi djshortkut!
1 & 2 & 3 – Please add following code to Quick CSS
#advanced_menu_toggle, #advanced_menu_hide { border: none !important; }
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title { font-size: 20px; }
#advanced_menu_toggle, #advanced_menu_hide { background-color: black; color: red; }
4- Please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
Best regards,
Yigit
having a bit of an issue, I would like to have an icon with phone number and than another icon with a phone number in this area:
Screenshot: https://www.dropbox.com/s/dds9w6mfws0jbay/Screenshot%202014-12-09%2009.48.17.png?dl=0
but when i put in this code below it shows up like the below screenshot… how do i fix that? I would like icon number icon number
[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#0E6FA8' size='15px' position='left'][/av_font_icon] (562) 426-9526 [av_font_icon icon='ue838' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#0E6FA8' size='15px' position='left'][/av_font_icon] (562) 424-8393
Screenshot: https://www.dropbox.com/s/1gqqbrvq49pjz5s/Screenshot%202014-12-09%2009.49.33.png?dl=0
Hey discotech!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
#top .avia-slideshow-button.avia-color-light {
padding: 6px 8px; font-size: 12px; }}
Best regards,
Yigit
Hey!
1, 2. I couldn’t really note it, use this code in Quick CSS to adjust that:
.avia_wpml_language_switch li span {
position: relative;
top: 2px;
font-size: 12px;
}
3. Add this:
#mobile-advanced .language_native, #mobile-advanced .language_translated {
display: none !important
}
Cheers!
Josue
Sounds like that is something very easy to do with CSS.
If you could send me a link to the page with the posts, it would be easier for me.
But the following CSS should do the trick:
first entry title:
.av-magazine-group .first .av-magazine-title a {
font-size: 20px;
}
other titles:
.av-magazine-sideshow .av-magazine-title a {
font-size: 12px;
}
all you should have to do is adjust the fint size in the above code.
Hey!
Try this out.
.grid-entry-excerpt {
font-size: 15px !important;
}
Cheers!
Elliott
Hey!
Try adding this code to the Quick CSS:
.wpp-list img.wpp-thumbnail {
margin-right:9px;
padding:3px;
float:left;
margin-top: 4px;
border-style: solid;
border-width: 1px;
height:36px;
width:36px;
display: block;
}
.wpp-list .wpp-post-title{
color: #222222 !important;
font-size: 11px !important;
font-weight: bold;
margin-top: 2px;
display: block;
}
.wpp-list .post-stats{
font-size: 10px;
margin-left: 47px;
}
.wpp-list li{
margin-bottom: 10px;
}
Cheers!
Josue
Hi!
Here is an example of what is showing in your debug view.
[av_button label='Learn more...' link='manually,mailto:<a class="__cf_email__" href="/cdn-cgi/l/email-protection" data-cfemail="c7afa2ababa887b3a6a9a0aea5aba2b4bea3a9a2bee9a4a8aae9a6b2">[email protected]</a><script cf-hash='f9e31' type="text/javascript">
/* <![CDATA[ */!function(){try{var t="currentScript"in document?document.currentScript:function(){for(var t=document.getElementsByTagName("script"),e=t.length;e--;)if(t[e].getAttribute("cf-hash"))return t[e]}();if(t&&t.previousSibling){var e,r,n,i,c=t.previousSibling,a=c.getAttribute("data-cfemail");if(a){for(e="",r=parseInt(a.substr(0,2),16),n=2;a.length-n;n+=2)i=parseInt(a.substr(n,2),16)^r,e+=String.fromCharCode(i);e=document.createTextNode(e),c.parentNode.replaceChild(e,c)}}}catch(u){}}();/* ]]> */</script>' link_target='_blank' size='small' position='right' icon_select='yes' icon='ue81f' font='entypo-fontello' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff']
I deleted this code and added a new button and updated the page (responsive web design page) and it appears to be working fine now.
If your not sure where that weird code is coming from then it’s most likely being added by a plugin.
Best regards,
Elliott
-
This reply was modified 11 years, 3 months ago by
Elliott.
Hello!
I am using the magazine format to display posts, and I’m displaying the first entry at the top of the others. Is there a way to change the font size of first entry title to one size, and font size to other entry titles to another size font?
btw, I realize why the fonts changed in size – it’s because I made new attributes to h1, h2 and h3 for blog post styling, but the magazine widget has taken the new settings and now it looks like the entry titles are on steroids (super large). So, I would like to change them with CSS – is it possible?
Hi all-
I hopefully have a quick question.. when I updated our theme, a gray bar showed up at the top of our header with the code “.av-main-nav > li > a { font-size: 15px; } ” hidden in the bar.
How do I fix this?
Thanks!
Hi stevewturnbull!
I checked your site but you have the logo set to the left and the menu to the right so I’m not sure what your trying to do from your description. Go ahead and add it back to centered and take a screenshot highlighting what your trying to do so we can get a better idea.
1. + 2. Add this to your custom CSS.
.avia-menu-fx { bottom: 20px !important; }
#menu-item-search > a {
font-size: 20px !important;
}
Best regards,
Elliott
-
This reply was modified 11 years, 3 months ago by
Elliott.
Hey djshortkut!
Drag a codeblock element to your page content and add this inside.
<style type = "text/css">
.iconbox_icon { font-size: 12px !important; }
</style>
Cheers!
Elliott
Hey!
Please add following code to Quick CSS
nav.sub_menu_socket {
font-size: 14px;
position: relative;
right: 20%;
}
You may need to adjust right value to center it perfectly
Cheers!
Yigit
Hi Josue,
thank you so much. The scroll speed works fine now.
1. the switcher top position is now different than the main menu (offset). Seems like you eliminated the quick-css “top” settings.
How to dynamically (all browsers, resolutions and devices) orientate it the same way as the main menu?
2. the switcher font size seems to be smaller than the main menu, isn’t it? How/Where to correct it?
3. in my iphone6 menu I see the language now three times. 1. native language, 2. translated language, 3. language code
How to limit it to code only?
Cheers
Robert
Hi!
Thank you for using Enfold.
Please remove the html code on the toggle title then use these selectors instead:
.toggle_icon {
position: absolute;
width: 15px;
height: 15px;
border-style: solid;
border-width: 1px;
top: 25px;
left: 10px;
}
.js_active .toggler {
font-size: 50px;
padding: 35px 3px 35px 35px;
}
Regards,
Ismael
Hi shoo!
Thank you for using Enfold.
You can decrease the font size of the button then specify the width of the table cells:
.avia-data-table .avia-center-col {
text-align: center;
width: 10%;
}
.avia-button.avia-size-small {
font-size: 12px;
}
Regards,
Ismael
Hi djshortkut!
Thank you for using Enfold.
Decrease the font size when viewing on iPad screens:
@media only screen and (min-width: 768px) and (max-width: 989px) {
h4.iconlist_title {
font-size: 15px;
}
}
Regards,
Ismael
Hey!
You can either decrease the font size of the h2 inside the text block or add a top margin on the button. Use this on Quick CSS;
@media only screen and (max-width: 1200px) {
.avia_textblock h2 {
font-size: 27px;
}
}
If you want to adjust the button instead, add a custom css class on the buttons. Refer to this link how: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Use “custom-button” for example then add this on Quick:
@media only screen and (min-width: 900px) and (max-width: 1150px) {
.custom-button {
margin-top: 20px;
}
}
Regards,
Ismael
Hi mrmmmiller!
Thank you for using Enfold.
Use this to fix the special heading:
@media only screen and (min-width: 768px) and (max-width: 989px) {
h1.av-special-heading-tag {
font-size: 30px;
}
}
I can’ t see the issue on the twitter widget.
Best regards,
Ismael
Hi!
Check your site, i added this to Quick CSS:
@media only screen and (max-width: 989px) {
.iconlist_content *{
font-size: 16px;
}
iframe.twitter-timeline {
width: 100% !important;
min-width: 0 !important;
}
}
Cheers!
Josue
Eeek! That css has made the copyright area big too. I was only looking to increase the font size of the socket menu on the right. Is this possible?
I tried to enter this in the Toggle Title: <h3><span style=”color: #4abee0;”>F.A.Q.</span></h3> And it works, but the text comes out of the box and the format is off. I am going to assume I need some custom styling. Would you be able to provide the code to be able to change the font size, color, and style for the Accordion Titles?
Please see http://www.alextomaszewski.com/contact at the bottom.
And please see http://www.doodlemachine.com/ in the contact section at the bottom, this is what we are trying to accomplish.
Thanks again for all the help!
Ben
Hey markpevans!
Try this CSS code.
#socket { font-size: 14px !important; }
As for repositioning it are you trying to move the copyright text to the right instead of left? If so then add this.
#socket .copyright { float: right !important; }
Best regards,
Elliott