-
Search Results
-
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,
YigitIn reply to: Advanced layout editor / text size control
Hi!
I’m not sure why you though that upgrading would give you text size control on headlines but that is not in any plans for the theme right now.
If you use a Special Heading element you can choose the H1-H6 option which changes the output and if you want more specific control of the font size of those elements you can add css to the Quick CSS to modify them. Eg;
h3 { font-size: 16px; }Regards,
DevinIn reply to: How to change overall font size in Enfold?
Hi Devin! Thanks very much. I had assumed that the demo was using the default. I’ll not make that mistake again ;)
Much appreciated!
In reply to: How to change overall font size in Enfold?
Hi foreigner!
See: http://kriesi.at/documentation/enfold/change-the-default-font-size/
Regards,
DevinHi. No doubt the answer to my question is an obvious one, but I cannot find settings for font size–just for font type, font color, etc. I’m aware that different font faces can differ in size, but I’m using the same font–Open Sans–as the Enfold demo. Yet the Enfold demo site-wide text ( not just main body text, but ALL text, even breadcrumbs) is noticeably larger. I know I can change font size within a given element using inline css in a text box–but where is the setting for overall (site-wide) text size?
Thanks!
In reply to: Contact form title and button colour
Hey sineadh!
Please use this on Quick CSS:
#top form h3 { font-size: 15px; font-weight: 400; }Use this to change the color of the submit button:
.main_color input[type='submit'] { background: red; }Regards,
IsmaelIn reply to: Advanced layout editor / text size control
Disappointed that the upgrade didn’t fix the lack of headline control, I went ahead and took jtree’s advice and installed the Ultimate Tiny MC plugin which has allowed me to view headline options and enable font control (thanks jtree5757). Hopefully sailing will be a bit smoother here on out.
Hiya,
Is it possible to make the Contact form title a smaller font and not bold?
font-size: 15px;
font-weight: 300;and also change the colour of the form button (Have it different from the set link colour)
Thanks!!!
In reply to: HEADER MENU
Great thanks.
Is this code correct? All is working besides from the hover state isn’t previewing the correct colour.
Thanks!.header_color .main_menu ul:first-child>li>a {
font-size: 14px;
font-family: ‘Raleway, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
color: white;
}.header_color .main_menu ul#menu-main_navi:first-child > li a:hover { color: #a37a08; }
.header_color .main_menu ul#menu-main_navi:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #918f91; }In reply to: Spacing Issues
Hi!
You can add following code to Quick CSS as well
@media only screen and (max-width: 989px) { .widget_nav_menu a { font-size: 11px; }}Best regards,
YigitHi Yigit,
GOT IT !! My yesterday’s idea worked.
Best regards,
Klaus
Here’s my complete Quick-CSS-Code:
h4.iconlist_title {
color: #808080;
font-size: 16px;
}.iconbox_content {
min-height: 220px;
}/*iOS-Geräte interpretieren die Zahlen im phone-info als Link! */
.header_color .phone-info, .header_color .phone-info a {
color: white !important;
}.header_color .social_bookmarks a {
color: #000000;
}body {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}.main_color .avia-icon-list .iconlist_icon {
background-color: #0045b5;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px; /*Größe des Zeichens im Kreis*/
}.avia-icon-list .iconlist-timeline {
left: 21px;
}In reply to: Header questions
Hey!
That’s expected, as there is no Menu, a fallback Menu is being called. You need to create a new Menu and assign it as the primary Menu in Menu locations.
Add these codes in the Quick CSS for 3 and 4:
.social_bookmarks a { font-size: 20px !important; } .logo img { height: 100% !important; } .bottom_nav_header.social_header #header_main .container { height: 149px !important; }Cheers!
JosueIn reply to: Spacing Issues
See these lines (one or both of theme) to change the spacing between the title of the page and the body :
#top .title_container .container{padding:10px 0;min-height: 56px;}
.title_container .main-title {margin: 0;font-size: 16px;position: relative;z-index: 2;min-height: 36px; line-height: 2.3em; top: 0;font-weight: 400;}
