Hi!
Nothing that I customize on the Enfold styling page seems to take effect, as the Header Font or the Footer styling. I also want to customize logo size, menu font and size and tried to add code in the Quick CSS, which didn’t work either… Then I tried to add the same coding to the custom.css, but no luck there either.
This is the coding I used:
#top .logo img {
width: 440px;
height: 202px;
}
.main_menu ul:first-child > li > a { font-family: ‘Oswald’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
.main_menu ul:first-child>li>a {
font-size:24px;
}
Would be very thankful for help. Need this to work as soon as possible.
Here is the website: stocktownproductions.com
Thank you,
Rubie
This reply has been marked as private.
I am having an issue with the appearance of my Header links when viewed on an iPad or a browser that gets resized to something smaller.
The Website: http://bit.ly/1aoJxIM
Example of the problem: https://www.evernote.com/shard/s77/sh/295c339b-9022-4bca-a53a-602664b05a3b/b92a4665d0d7ffd26ef2c4310b43b82e
I understand there are a lot of links at the top… unfortunately it’s somewhat necessary. Please advise thanks.
Hi spitsdesign!
No, unfortunately not without modifying the gallery shortcode file. All available galleries are shown here: http://kriesi.at/themes/enfold/shortcodes/gallery/
Cheers!
Devin
Hi Schloss Klaus!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.header-scrolled .menu-second-line { top: -50px; }
Best regards,
Yigit
Hey!
Following code should do it
@media only screen and (max-width: 1140px) and (min-width: 990px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 32.2%!important; }}
@media only screen and (max-width: 989px) and (min-width: 768px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 31.8%!important; }}
@media only screen and (max-width: 767px) and (min-width: 481px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 30.9%!important; }}
@media only screen and (max-width: 480px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 29.5%!important; }}
Cheers!
Yigit
Hi,
i added an second line to the navigation with css.
.menu-second-line {
clear: both;
display: block;
position: relative;
top: -70px;
line-height: 88px;
}
But when i scroll down the site, the second line pushes up.
You can see it on http://www.schlossklaus.net
Best regards
Patrick
Hi!
Please try adding the code to Custom.css file inside Enfold/Css folder and if that does not work as well, plese add !important rule to force it as following
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 16.1%!important;
}
Regards,
Yigit
Hi jcsufootball07!
1 & 2- You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .main_color .avia-button.avia-color-theme-color { color: black;
background-color: transparent;
border: 1px solid black; }
#top .main_color .avia-button.avia-color-theme-color:hover { border-color: red; color: black; }
3- You are going to need to find a plugin to achieve that or hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Best regards,
Yigit
Thanx Devin
The problem was, I was using the Full width Masonry not Full width Masonry Gallery..
Switching to gallery gave me the effect I needed but now I have lost my sortable menu at the top and the doesn’t seem to be an option for it?
Regards
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.content { padding-top: 10px; }
@apartedenmark thanks!
Cheers!
Yigit
Try this:
.content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}
Hey there!
I Would love to have a Ajax portfolio without the lightboxlink on the Previewimages-Slideshow.
Is there a way to do this?
I would lovo to link to the concerning Portfolio Entry.
-
This topic was modified 12 years, 2 months ago by
Arne.
Hey!
Please add following code to Quick CSS as well
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 32.3333%;
}
Regards,
Yigit
Hey progenki!
Please go to Appearance > Editor and open Header.php file and find
do_action('ava_after_main_menu');
and add following code right below it
echo get_search_form();
then add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (min-width: 767px) {
#top #searchform>div { display: none; }}
Regards,
Yigit
I guess my question would be.. How would I just put a picture in to have the pricing on top of it?
Thank you for your example though — that would be a solution.
Thanks
Hey Isabelle!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .main_menu .menu li ul a { background-color: white; }
Cheers!
Yigit
Thanks for helping out Peter.
I am ok with the language switcher in the top menu, that is best place. Actually i dont want any flags, just display FR | EN instead.
My assumption is that the theme is placing that switcher there and overriding the WPML settings since it has no effect when i make changes.
Hi,
Got it to work – by including in my child theme style.css (for some reason wouldn’t work in quick css).
Top job guys.
Thanks,
Ken
Hi,
with Enfold 2.4.5 (strange version number, I’ve installed a 2.5 version before…), display is OK on IE8/WinXP except the icons of top social header menu and iconboxes that are not dislpayed.
Is there a solution ?
Oli
-
This reply was modified 12 years, 2 months ago by
Oli.
Hey dear support,
i only want to change the background color (now white) and the style of the words….please help me….Ismael send me this
.main_menu .menu ul {
display: none;
margin-left: 0;
left: 0;
position: absolute;
top: 100%;
width: 208px;
z-index: 2;
padding: 0 0;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
margin-top: -1px;
}
.header_color .main_menu ul {
border-top-width: 2px;
border-top-style: solid;
}
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: #719430;
}
.header_color ul {
border-color: #e1e1e1;
}
but i am a little lost…..:))
thanks!
Isabelle
-
This topic was modified 12 years, 2 months ago by
Seba1973.
Hey,
Single portfolio: 2/3 gallery
Is it possible to move the thumbnails to the top (above the image)?
http://kriesi.at/themedemo/?theme=enfold
tnx!
Hi!
If you want something like the Elision header. You can use the Small Fixed Header then add this on Quick CSS:
.header_color .header_bg {
background-color: transparent;
}
.header_color div {
border-color: transparent;
}
.fixed_header #main {
padding-top: 0;
margin-top: -1px;
}
Regards,
Ismael
Hi Devon,
thank you so much for sharing your work. Unfortunatley it does not work for the musikzentrale website so far. Here is what i have done:
– disabled custom.css so it does not interfere with the modifications
– entered this to the Quick CSS field in Enfold -> Styling
/*Removes
================================================== */
#top.home #header_main {
border: 0;
}
.header_color .header_bg {
background: transparent;
border: 0;
}
/* # Header
================================================== */
#top.home #top .logo {
left: -4px;
}
/*Navigation*/
.header_color .main_menu ul:first-child > li > a {
color: #fff;
font-size: 15px;
}
.header_color .avia-menu-fx {
background: #aabdd3;
border-color: #aabdd3;
display: none;
}
/* # Home Page Specifics
================================================== */
/*Header*/
#top.home #header {
position: absolute;
padding-top: 40px;
}
/* #slider */
#top.home #fullscreen_slider_0 {
padding-top: 128px;
height: 710px;
background: #e6e6e6;
border: 0;
}
It moves the header and the intro section down as supposed to and removes the borders, but header is still white and the full screen slider is to far underneath the header. I assume, i missed something in the styling, so any idea is welcome. Otherwise i am excited to read your tutorial on the Full Screen Homepage soon.
Thanks again,
Sebastian.
Hi Johannes!
Please insert following css code into the quick css field to change the input field styling
#top .gform_body input[type="text"] { width: 100%; }
Regards,
Peter
Hi!
I’m not sure if this is going to work completely but please remove Yigit’s code then choose Boxed Layout. Add this on Quick CSS:
.home.boxed .container {
margin: 0 auto !important;
}
@media only screen and (min-width: 1340px) {
.responsive_large .home.boxed#top {
width: 100%;
}
}
.home #wrap_all {
margin: 0 auto;
}
html.html_boxed {
background: white;
}
Regards,
Ismael
Hi!
Normally Enfold will display the WPML flags in the top navigation menu. If you want to add the flags to the main menu add following code to the functions.php file (insert it at the very bottom of the file)
if(!function_exists('avia_append_lang_flags'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 10, 2 );
function avia_append_lang_flags( $items, $args )
{
if ((is_object($args) && $args->theme_location == 'avia'))
{
global $avia_config;
global $sitepress;
$languages = icl_get_languages('skip_missing=0&orderby=custom');
if(is_array($languages))
{
foreach($languages as $lang)
{
$currentlang = (ICL_LANGUAGE_CODE == $lang['language_code']) ? 'avia_current_lang' : '';
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
$items .= "<li class='language_".$lang['language_code']." $currentlang'><a href='".$lang['url']."'>";
$items .= " <span class='language_flag'><img title='".$lang['native_name']."' src='".$lang['country_flag_url']."' /></span>";
$items .= "</a></li>";
}
}
}
return $items;
}
}
Best regards,
Peter
Hi!
You can add this on Quick CSS:
#top .menu-item-search-dropdown > a {
font-size: 50px;
}
Cheers!
Ismael
Hey Ismael,
thank you, that worked fine.
Just to 2. point: The picture is still cutted on top and on the bottom. How can I avert that?
And to 3. point: The symbol inside changes colour, but how can I change colour of the circle?
Thank you!