-
Search Results
-
In reply to: Header position & font size of the header
Hey juliusvandelaar!
Please add following code to Quick CSS in Enfold theme options under Styling tab
<code<.main_menu ul:first-child > li > a { font-size: 15px; font-family: "Times New Roman",Georgia,serif; }I am not sure if i understood your second question clearly. Can you post a screenshot and show?
Cheers!
YigitHey JavaLavaJoe!
Add this on Quick CSS or custom.css:
.avia-button.avia-size-large { padding: 15px 30px 13px; font-size: 13px; min-width: 183px; }Cheers!
IsmaelIn reply to: tab title color & font size
Hey Munford!
You can use this:
.js_active .tab { font-size: 14px; } .js_active .active_tab { font-weight: bold; }Cheers!
IsmaelIn reply to: Gravity Forms – Bigger Size
Hi erickeith9!
You can use this on Quick CSS or custom.css to modify the forms:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 8px 6px; outline: none; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; border-radius: 0px; } #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { width: 100%; margin-bottom: 0; display: inline; min-width: 100px; padding: 13px; border-radius: 2px; }Please give us a link to the page with the gravity form plugin.
Regards,
IsmaelIn reply to: Changing the size of the Social Icons
Hey!
Try adding this code to the Quick CSS:
.social_bookmarks a { font-size: 20px !important; }Change as pleased.
Cheers!
JosueTopic: Gravity Forms – Bigger Size
Topic: tab title color & font size
HI
I am working with tabs and noticed the background of the titles changes color on responsive sizes. I know it’s getting the color from the theme, but how do I just changes it for the tabs?
also, I am trying to increase the size of the font in the tab titles with this:
.tab_titles {
font-size: 14px;
font-weight: bold;
}
but it doesn’t seem to do the trick.
help! thanksIn reply to: menu hover color; heading font size; remove borders
Hi!
I have updated the code i posted in my previous post and added !important rule to force it. please try it now
Cheers!
YigitJust some short questions regarding the header. How do I change the font and the font size of the header? And how can I change the position of the header? I’d like to move the header to a different place on the homepage from top of the page to the middle or the bottom of the homepage. Could you please give me any advice?
In reply to: menu hover color; heading font size; remove borders
Though the site is live, with many mentions of the beautiful theme from our users, there are two things I’d like to fix dealing with Mobile devices. Can you please help me with this?
You can find the website at this link: http://bit.ly/1fqPkFc
1- The Reserve Now button is placed arbitrarily on normal view and iPhone (480px), but not for tablet displays where it tends to stack on the social media icons (the phone number is doing the same thing on tablets, so I added the code below for that as well. Is there a fix for this? I tried using the same code as I did with the smartphone but with 768px. That did not work. Here’s the code that worked for the first 2 devices.
/* Add Reserve Now button to Header-added code to header.php*/
.header-button {
position: absolute;
border: none;
top: 0;
left: 255px;
right: 180px;
}
.header_color .header-button a {
display: block;
padding: 2px 5px 10px 12px;
font-size: 22px;
text-align:justify;
font-weight: bold;
float: left;
color: #f8d699;
border-radius:0px 0px 15px 15px;
}
.header-button a.header-chat { background-color: #985e06; left center no-repeat; }
.header-button a.header-chat {link: href=”http://reservation.worldweb.com/hotel/1227″ target=”_blank” }
}
/* Get Reserve Now button on iPhone*/
@media only screen and (max-width: 480px) {
.header-button {
position:absolute;
top:90px;
left:30px;
right:20px;
}
}
/* Sizes/styles phone#, */
#top .social_bookmarks li a { font-size: 18px; }
.social_header .phone-info span {
font-size: 18px;
color: #f8d699;
font-style: italic;
padding-right: 28px;}
}2- We alternately use 2 of 3 layer sliders, but want NONE of them to show on smartphones. Just using the first bit of code stopped the #10 slider from being displayed, but using the same code with the different variables did not. I also tried using ‘all’ in place of the numbers, but that didn’t work either.
How do I repress all of the layer sliders on smartphones?
/* Remove Layer Slider on Smartphone*/
@media only screen and (max-width: 480px) {
/* Add your Mobile Styles here */
#layerslider_10 {
display: none!important; }
}
/* Remove Layer Slider on Smartphone*/
@media only screen and (max-width: 480px) {
/* Add your Mobile Styles here */
#layerslider_18 {
display: none!important; }
}
/* Remove Layer Slider on Smartphone*/
@media only screen and (max-width: 480px) {
/* Add your Mobile Styles here */
#layerslider_19 {
display: none!important; }
}In reply to: Change Color
Hi!
The style for the strong tag is being use for the text. Please edit the code and replace it with this:
<p style="text-align: center;"><span><strong style="color: #000000;"><span style="font-size: 14px;">PROLIN helps seamlessly replace your HP Service Desk system with an easy, phased transition process.</span></strong></span></p>Best regards,
IsmaelIn reply to: menu hover color; heading font size; remove borders
Hi!
Please add following code to Quick CSS as well
.bottom_nav_header.social_header .main_menu ul:first-child>li a { border-right-style: none!important; } .bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a { border-left-style: none!important; } .header_color .main_menu ul:first-child > li > a { color: #1e5774!important; }Best regards,
YigitIn reply to: menu hover color; heading font size; remove borders
Hi Ismael,
Thanks for that.
The borders around the menu items are still there though. Any ideas?Also, the font color of the menu item that is selected needs to be #1e5774. The same color as when I hover over a menu item.
Thank you.In reply to: menu hover color; heading font size; remove borders
Hi!
Add this on Quick CSS:
#header_meta { box-shadow: none; } .header_color .main_menu ul:first-child > li > a, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: white; }Regards,
IsmaelDear Kriesi.at!
Congratulations for this very easy-to-use and awesome theme. Especially the plentiful examples are useful.
I would like to use the avf_logo_subtext filter, and realized that the related css styles and the hide effect JS code are missing. I have already hunted for styles around your site, and included the following items into the custom.css, but could you please help me with a proper solution? Thank you.
.logo, .logo a { overflow: visible; } #top .logo img { float: left; } #top .subtext { float: left; position: relative; } #top .logo-title { color: #444444; font-size: 12px; left: 7px; opacity: 1; position: absolute; top: -7px; transition: opacity 0.4s ease-out 0s; white-space: nowrap; } #top .logo-subtitle { color: #AAAAAA; top: 7px; } .responsive #top .logo-title { opacity: 0; }In reply to: menu hover color; heading font size; remove borders
Hi,
How do I remove borders from the alternative menu?
http://optimisepsychology.com.au/home/I would like my header font to start white then turn to #1e5774 when that item is selected. Can you please provide the code for this.
Thanks so much.
Topic: Header Menu Navigation Bar
I am using the Enfold template and would like to know how to accomplish the following:
Create a navigation bar at time with background color, text size, hover color, and font style.
http://postimg.org/image/tggg6cqrn/In reply to: changing font color in widget area
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.footer_color div .news-headline { color: #ffffff; } /* changes the color of title */ .footer_color .news-time { color: #e1e1e1; } /* changes the color of date */ .news-headline { font-size: 15px; } /* changes the font size of the title */ .news-time { font-size: 14px; } /* changes the font size of date */Cheers!
YigitIn reply to: Body font-size and line-height
Hey akamaxbuz!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
body { font-size: 16px; line-height: 180%; }Regards,
YigitIn reply to: Clickable header phone number
Thanks for the response Ismael, but it’s still not working >_<. Here is the entire code for the header.php file, with the code you mentioned added:
<?php global $avia_config; $style = $avia_config['box_class']; $responsive = avia_get_option('responsive_layout','responsive'); $blank = isset($avia_config['template']) ? $avia_config['template'] : ""; $headerS = !$blank ? avia_header_setting() : ""; $headerMenu = $responsive ? avia_get_option('header_menu','mobile_drop_down') : ""; ?> <!DOCTYPE html> <html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> "> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="format-detection" content="telephone=yes"> <title><?php if(function_exists('avia_set_title_tag')) { echo avia_set_title_tag(); } ?></title> <!-- page title, displayed in your browser bar --> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if (function_exists('avia_set_follow')) { echo avia_set_follow(); } /* * outputs a favicon if defined */ if (function_exists('avia_favicon')) { echo avia_favicon(avia_get_option('favicon')); } ?> <!-- add feeds, pingback and stuff--> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="alternate" type="application/rss+xml" title="<?php echo get_bloginfo('name'); ?> RSS2 Feed" href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <!-- mobile setting --> <?php if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">'; ?> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head> <body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank); avia_markup_helper(array('context' => 'body')); ?>> <div id='wrap_all'> <?php if(!$blank){ ?> <header id='header' class=' header_color <?php avia_is_dark_bg('header_color'); echo " ".$headerMenu; ?>' <?php avia_markup_helper(array('context' => 'header','post_type'=>'forum'));?>> <?php if($responsive && $headerMenu == 'mobile_slide_out') { echo '<a id="advanced_menu_toggle" href="#" '.av_icon_string('mobile_menu').'></a>'; echo '<a id="advanced_menu_hide" href="#" '.av_icon_string('close').'></a>'; } $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); //subheader, only display when the user chooses a social header if(strpos($headerS,'social_header') !== false) { ?> <div id='header_meta' class='container_wrap container_wrap_meta'> <div class='container'> <?php /* * display the themes social media icons, defined in the wordpress backend * the avia_social_media_icons function is located in includes/helper-social-media-php */ if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args); //display the small submenu echo "<nav class='sub_menu' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">"; $avia_theme_location = 'avia2'; $avia_menu_class = $avia_theme_location . '-menu'; $args = array( 'theme_location'=>$avia_theme_location, 'menu_id' =>$avia_menu_class, 'container_class' =>$avia_menu_class, 'fallback_cb' => '', 'container'=>'', 'echo' =>false ); $nav = wp_nav_menu($args); echo $nav; $phone = avia_get_option('phone'); $phone_class = !empty($nav) ? "with_nav" : ""; if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>"; /* <div class="phone2">503-436-5576</div> * Hook that can be used for plugins and theme extensions (currently: the woocommerce shopping cart) */ do_action('avia_meta_header'); echo '</nav>'; ?> </div> </div> <?php } ?> <div id='header_main' class='container_wrap container_wrap_logo'> <div class='phone2'><a href="tel:15034365576">Contact Us:(503)436-5576</div></a> </a></strong><img class='cards' src='http://garagedoorsrepairwestlinn.com/wp-content/uploads/2014/01/crdit-card-logo.jpg' /> <?php /* * Hook that can be used for plugins and theme extensions (currently: the woocommerce shopping cart) */ do_action('ava_main_header'); ?> <div class='container'> <?php /* * display the theme logo by checking if the default logo was overwritten in the backend. * the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output */ echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong'); if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args); /* * display the main navigation menu * modify the output in your wordpress admin backend at appearance->menus */ $extraOpen = $extraClose = ""; if(strpos($headerS,'bottom_nav_header') !== false){ $extraClose = "</div></div><div id='header_main_alternate' class='container_wrap'><div class='container'>"; } echo $extraClose; echo "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">"; $avia_theme_location = 'avia'; $avia_menu_class = $avia_theme_location . '-menu'; $args = array( 'theme_location' => $avia_theme_location, 'menu_id' => $avia_menu_class, 'container_class' => $avia_menu_class, 'fallback_cb' => 'avia_fallback_menu', 'walker' => new avia_responsive_mega_menu() ); wp_nav_menu($args); echo '</nav>'; /* * Hook that can be used for plugins and theme extensions */ do_action('ava_after_main_menu'); ?> <!-- end container--> </div> <!-- end container_wrap--> </div> <div class='header_bg'></div> <!-- end header --> </header> <?php } //end blank check ?> <div id='main'>and for custom css:
#top .social_bookmarks { display: none; } #header_meta { display: none; } #header_main .container, .main_menu ul:first-child > li > a { height: 131px !important; line-height: 131px !important; } #header_main_alternate .container, .main_menu ul:first-child > li > a { color: green !important; height: 40px !important; line-height: 40px !important; } #top .main_menu .menu>li:last-child>a { padding-right: 10px; } .phone2 { color: black; font-size: 25px; padding: 4px; position: absolute; right: 80px; top: 99px; } .cards { position: absolute; right: 80px; top: 50px; }I feel like I’ve done everything exactly as suggested.. and it’s still not working.
I reset the body font to Kameron on the Stying page, but where do reset the font-size and line-height?
In reply to: Tagline covered by Logo
In reply to: Any CSS Code to make LayerSlider be Fixed
You nailed it. I so do not know programming terms.
Ok so if I am stuck using the Fullwidth Sliders as my option is there any way:
1) I can increase the size of the font of the caption title and caption description?
2) Have the company logo appear in the lower right hand corner of the FS after the caption title and caption description?
(or do you have any suggestions on how I could create an illusion that the LS is Parallaxed? Is it possible to create a hairline FS that could appear below the LS that would give the appearance that Parallaxed?)
Additional Questions: (sorry if they are in the form – if they are let me know and I will search them out – just haven’t gotten that far)
3) How can I set the size for how small I want the company logo to shrink to? I like that it shrinks I just want it a little larger then what it shrinks to.
4) How can I increase the size of the phone number? Can I make it click able?
5) When I am writing in the caption title of the FS I want to put the words BUY SELL RENT and want it to appear with lines in between them. I am sure it is code that people use but I don’t know what the lines are called so I can Google for the code. Is it possible to code the caption title area in the FS to have it look like BUY I SELL I RENT ? If so how would I do it and what is it called? (I was using a capital ‘i’ to do the lines and maybe that is what people do but I don’t think so.)
Thank you soooo very much for your help!
In reply to: Advanced layout editor / text size control
Dear Dude – I stated above that the headline element SHOWS UP FINE with the TinyMC plugin – BUT with the plugin I LOSE the VISUAL ASPECT of the EDITOR. So I’ve DEACTIVATED the plugin in order to regain the visual aspect of editing – which works BUT then the HEADLINE ELEMENT is GONE. GONZO. NOT THERE.
THE PROBLEM IS I HAVE NO HEADLINE ELEMENT TO SELECT FROM UNLESS I ADD A FONT PLUGIN, BUT IF I DO THAT I HAVE NO POSTS TO EDIT BC I LOSE THE EDITOR’S VISUAL APSECT.
My quick CSS code looks like this:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a { height: 125px !important; line-height: 125px !important; max-height: none !important; } #top .social_bookmarks { top: 20%; } .home .template-page.content.twelve.alpha.units { padding-top: 5 !important; padding-bottom: 0 !important; } #top .social_bookmarks li a { font-size: 18px; margin-right: 10px; }In reply to: Menu and logo one into another
Hi Yigit,
– Thank you but it doesn’t seem to have any affect when I reduce the window of the browser…
– Also, for what concerns the iPad, I don’t have a tablet myself, but it seems from what someone told me, that changes made for the iPad portrait mode dont work either… (though I changed – as you told me to – the switchWidth to 1000 in the js. file / line 300).And this is the code in Quick CSS for those two matters :
/* Responsive menu TABLET */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
}/* Menu and logo not one into another */
@media only screen and (min-width: 767px) and (max-width: 989px) {
.main_menu ul:first-child > li > a { font-size: 11px; }
.responsive .main_menu ul:first-child > li > a { padding: 0 5px; }}Am I wrong ??
Thanks…Marie
In reply to: Enfold Feature Requests
Hi, maybe some are requested already:
1. Easier custom logo integration (add ability to give width and height of custom logo). Too many users struggle with the current logo integration.
2. easier customization of the menu. Some like it simple (choose background color (also hover), text color (also hover), height, font family and size)The above two are mainly for an easier customization of the header overall.
3. Unify the styling and have import/export for all languages. When running multisite and multiple languages it’s a real pain going through all style settings per language.
4. extensive search feature in the forum. Too many results from various themes pop up now when doing search.
Cheers!
In reply to: Menu and logo one into another
Hey marienoisette!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (min-width: 767px) and (max-width: 989px) { .main_menu ul:first-child > li > a { font-size: 11px; } .responsive .main_menu ul:first-child > li > a { padding: 0 5px; }}Best regards,
Yigit
