-
Search Results
-
In reply to: Site doesn't look Good on iPhone 5 portrait
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) { #top .av-large-testimonial-slider .avia-testimonial-content { font-size: 1.1em; } #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px 50px; }}Best regards,
YigitIn reply to: Site doesn't look Good on iPhone 5 portrait
Hi DROR!
Please add following code to Quick CSS
@media only screen and (max-width: 480px) { h1.av-special-heading-tag { font-size: 30px!important; }}Please try adjusting “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout and check if that helps – http://i.imgur.com/E2YOJ5x.png
Regards,
YigitIn reply to: Category Slider
Hey!
Looks like you figured out how to add the title. Use this on the Quick CSS field to enlarge it:
.avia-content-slider .slide-entry-title { font-size: 20px; line-height: 1.4em; margin: 0; }Regards,
IsmaelHow do I change the font size of the main menu. I would like it to be larger and also possibly for the menu to be longer if font size runs together … thx!
Beside that: the first anchor doesn’t work:
http://www.redlinegolf.nl/home2/#golfballen
code block:
<div id=”golfballen”></div>slider:
[av_button label='GOLFBALLEN' link='http://www.redlinegolf.nl/home2/#golfballen' size='' position='left' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff']Regards,
DavidBeautiful. It worked! Thank you. I figured out how to adjust the search box size and font size inside the box adding this to the Quick CSS box in Enfold — General Styling. I include here for others and future me:
#top #searchform>div { max-width: 800px; } #top #s { font-size: 32px; padding: 80px 60px 20px 20px; }Is there a way to have two separate search boxes the search boxes: one for the front page and a different one for my header? Currently my nice big search box in the middle of the front page is the same size in my header on every inside page. Yikes!
In reply to: Contact Number in Header
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#header_main, #header_meta { border: none!important; } .phone-info { color: white!important; font-size: 16px; top: 100px; position: relative; }Regards,
YigitIn reply to: Shortcode to resize subtitles
Hey Boe!
Are you talking about the main title that displays to the left of your breadcrumbs? If so then try adding this to your custom CSS.
.main-title, .main-title a { color: red !important; font-size: 30px !important; }If that’s not correct then send us a link to the exact page and take a screenshot highlighting what your referring to.
Best regards,
ElliottTopic: Change Font Size for bbforum
1) How to make the font size of the integrated bbforum bigger?
2) How to change the font color of the integrated bbforum to enter a new topic (grey on grey is not the best)?In reply to: Hyphenation possible?
Hi!
Try to decrease the font size of the icon list title on mobile device:
@media only screen and (max-width: 767px) { h4.iconlist_title { font-size: 25px !important; } }Best regards,
IsmaelIn reply to: Responsive menu breaks on the smaller screen
Hey axelfx07!
For this it would be easiest to just change the font size to 0.8em instead of 0.9.
.header_color .main_menu ul:first-child > li > a { color: #191919; font-size: 0.8em !important; font-weight: 500; }Or you could try switching the menu out earlier with this CSS.
@media only screen and (max-width: 900px) { .html_header_top.html_header_sticky.html_bottom_nav_header #main { padding-top: 90px !important; } #advanced_menu_toggle { display: block !important; } }Cheers!
ElliottIn reply to: Responsive design not applied to special headings ?
Hi Paul!
It’s the RESTAURANGFOTO heading correct? Add this to your custom CSS.
@media only screen and (max-width: 479px) { h2.av-special-heading-tag { font-size: 14px !important; } }Cheers!
ElliottHello team,
Thank you for creating such a beautiful theme.
Just one question – the top border of (what it looks like) a small arrow is appearing at the bottom of Grid Row.
I understand that someone else recently addressed this issue here.
The thing is that it doesn’t seem like a caching problem in my case – I did some cross-browser checks and the border is still there.
Because I believe that there is no border styling option for small arrow in Grid Row, I have no clue where I can get rid of it.Any solutions to this problem?
Thank you very much in advance.
Tom
I’ve increased the font size for the secondary menu and woud like to increase slightly the space above the secondary menu.
Thanks.
Hello there,
I am working with the Avia Layout Builder and am encountering 2 problems that I hope you can help me with.
The first has to do with the spacing and the thin grey horizontal line between elements. How do I remove this line, and how do I adjust the spacing between these elements?
The second issue is with the Advanced Layerslider, and my question is how do I change font size and colour to lines of content within the slider and have it work when updated to live status? It works in the test mode, but does not work when published.
Can you please help?
In reply to: Modal Pop up to play video
Hey!
You can use our image shortcode and then set the link to your video. The code would look something like this.
[av_image src='http://localhost/wp-content/uploads/2015/01/waterfall-247x300.jpg' attachment='3657' attachment_size='medium' align='center' animation='no-animation' link='manually,http://www.youtube.com/watch?v=G0k3kHtyoqc' target='' styling='' caption='' font_size='' appearance='' custom_class=''][/av_image]When the link is set to a youtube or vimeo video then it should open up in the magnific popup.
Best regards,
ElliottIn reply to: Change Font for Fullwidth Button
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-fullscreen-button span.avia_iconbox_title { font-size: 18px; color: #b0b0b0; font-family: Georgia; line-height: 24px; font-style: italic; }Best regards,
YigitHi DROR!
Use the following:
.single_toggle .toggler { font-size: 20px !important; } .single_toggle .toggle_content > p { font-size: 20px !important; }Best regards,
GünterIn reply to: How to increase text size in a pricing table?
In reply to: How to increase text size in a pricing table?
Awesome, thanks. What about the font size of the text inside the button – http://screencast.com/t/ffgFeLp2Yj? How can I make it bigger?
Thanks.
In reply to: How to increase text size in a pricing table?
Hey DROR!
Thank you for coming back.
In custom.css or Enfold->Styles->QuickCSS put the following and adjust the value:
.pricing-table .first-table-item { font-size: 20px !important; } .pricing-table > li { font-size: 20px !important; } .pricing-table li.avia-pricing-row { font-size: 60px !important; }Cheers!
GünterIn reply to: Hyphenation possible?
Topic: NO LOGO
Liebes Kriesi Team,
bitte um Hilfe mit dem Header Bereich.
1. Ich habe das Layout von Left auf Top Header geändert. Und möchte nun den bereich / Container des Logo komplett draussen haben, damit die Main Navi auch genügend Platz hat.
2. Bei Main Navi – bleibt der Navi Punkt aktiv wenn man draufklickt. Gut.
Falls ich aber dann im Untermenue einen weiteren Punkt anklicke, ist im Main Menue der Übergeordnete Menuepunkt nicht aktiv.Das ist unlogisch. Kann man das einstellen. ?
3. Ich hätte gern die Main Navi linksbündig- als ersatz für das Logo. Ausserdem ist die Sub Nav auch Linksbündig.Danke für Euren Support !!!
Wolfi###################
Das habe ich alles im Quick CSS stehen.
(
/* Logo – Positionieren */
.html_header_sidebar .logo
{padding: 0px;}.html_header_sidebar .logo {
height: 271px; }
/*
.html_header_sidebar #header .av-main-nav {
padding: 80px 0px;
}
*//*Font Size*/
body {font-size: 14px;}/* Main Content: NAV vs MainContent */
.html_header_left #main { margin-left: 200px; margin-top: 20px; }
/* Navigationsbar */
.html_header_sidebar #top #header { width: 200px; }/*MainNav – SUBNAV seitlich wird nicht angezeigt */
.html_header_left .av-main-nav ul {
display: none !important;
}
/*MainNav – Border zwischen den Links war auf solid */
.html_header_sidebar #header .av-main-nav li a {
border-bottom-style: none;
}/* Bei Bildern wird nicht mehr die vergrösserung angezeigt */
.image-overlay {visibility: hidden; }/*Footer Text Center*/
span.copyright {
width: 100%; text-align: center; })
In reply to: icon on button on slider
Hey Erich!
Use a button shortcode as the caption of the slide (generate it on a Page using the magic wand):
[av_button label='Click me' link='' link_target='' size='small' position='center' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff']Best regards,
JosueHi Enfold team!
The website used to be having a boxed layout with body background
Secondly, the product page doesnt seem to be able to display gallery pictures and stuffs, the color scheme looks weird due to the CSS updates being overwrite I believe.
Link is as provided at the bottom.
CSS Codes used..top-pink { font-family: "ITCAvantGardeGothicW01 MedN", "Helvetica Neue", Verdana, Arial, sans-serif !important; text-align: center !important; background: #d4007a !important; color: #ffffff !important; } .main_color h2 { color: #f27edb !important; font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important; font-style: normal !important; text-rendering: optimizeLegibility !important; font-weight: normal !important; font-size: 2em !important; } .main_color p { font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important; margin: 0 0 1.5em !important; } #menu-item-140 a:hover { color: #f27edb !important; } #menu-item-51 a:hover { color: #f27edb !important; } #menu-item-95 a:hover { color: #f27edb !important; } #menu-item-62 a:hover { color: #f27edb !important; } #menu-item-134 a:hover { color: #f27edb !important; } #menu-item-search a:hover { color: #f27edb !important; } #menu-item-171 a:hover { color: #f27edb !important; } .slogan { font-weight: normal !important; font-size: 2.2em !important; line-height: 1.4em !important; text-align: center !important; font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important; display: block; -webkit-margin-before: 1em !important; -webkit-margin-after: 1em !important; -webkit-margin-start: 0px !important; -webkit-margin-end: 0px !important; } #av-overlay-wrap { background: url("http://www.womanizer.com.sg/wp-content/uploads/2014/11/pink-background.jpg") !important; } #menu-item-search a { color: #f27edb !important; } #menu-item-140 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } #menu-item-51 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; #menu-item-95 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } #menu-item-62 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } #menu-item-134 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } #menu-item-171 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } #menu-item-95 a { font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 100 !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; } #top .woocommerce-message{ padding:1em 1em 1em 3.5em!important; margin:0 0 2em!important; position:relative; -webkit-border-radius:0px; border-radius:0px; background:#ffffff; background-color: transparent !important; border: 0px; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background:-webkit-linear-gradient(#ffffff,#ffffff); background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%); background:-moz-gradient(center top,#ffffff 0,#ffffff 100%); color:#000000 !important; text-shadow:0 1px 0 #fff; list-style:none outside!important;*zoom:1;width:auto; -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3) } #av-overlay-wrap { overflow-x: scroll !important; }Help will be greatly appreciated!
Regards,
KayzelHey!
try this code instead for title:
.avia-icon-list .iconlist_title { font-size: 20px; }and for text:
.main_color .iconlist_content { font-size: 20px; }Adjust as needed.
Best regards,
AndyHi pitcheuse;
you can try these lines in order to change the size of the icons ans the text :.avia-icon-list .iconlist_icon{border:none;height: 24px;width: 24px; line-height: 24px; font-size: 15px;color:#FF8C00;} .avia-icon-list .iconlist_content_wrap p{color:#000!important; font-size:15px !important;}adjust the size and the color as you like
It works. However it puts the icon behind the text. </p> Doesn’t give it a line break. Will it be possible the position them below the text? Another thing. I like to link it sliding down to #golfballen (color section). That doesn’t work either:
[av_button label='GOLFBALLEN' link="http://www.redlinegolf.nl/#golfballen'' link_target="blank'' size='big' position='left' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
Regards,
David
Hi!
It looks like your using an H1 and then some inline CSS on a span inside it.
<h1><span style="color: #ffffff; font-size: 45px; line-height: 100px; font-family: 'Lato',sans-serif; font-style: normal; font-weight: 300;">Our Clients Realize Hard ROI From Smart Glasses</span></h1>Our responsive CSS is not going to be applied in this case. You’ll want to remove the span and add the CSS to the H1 or just use our special heading element instead. You can style the size, color, etc etc, without having to use custom CSS.
Cheers!
Elliott
