Hi!
You can add following code Quick CSS in Enfold theme options under Styling tab and change it to the font family you would like to use
.main_menu ul:first-child > li > a { font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
Cheers!
Yigit
Hi!
Your two options are what Ismael posted above or adding a class to the menu item that shrinks its width and forces it to a second line (though that still not look great).
If you wanted to implement something else you could.
Cheers!
Devin
Hey!
This is the default behavior for Gallery items. They should look like this with the gallery at the top (because its a gallery post type): http://kriesi.at/themes/enfold/2013/10/21/postformat-gallery-multiple-images-with-different-sizes/
Best regards,
Devin
Hi!
What exactly would you like to change? Font size, font family, color?
Regards,
Yigit
Nevermind, that led me to change the font SIZE – I want to change the STYLE
Hi ErikManger!
You can target following class to make changes on main menu
.main_menu ul:first-child > li > a { }
Cheers!
Yigit
Hi!
You have the same image added twice on top of each other. The one below is 1200x500px and other one is 1140x500px. 1200x500px one has a white border on the right of the image itself. Please edit http://hubholdings.com/wp-content/uploads/2013/10/homeSliderCapital.jpg this image and remove white border
Best regards,
Yigit
In all pages (except the blog) it writes “Comments” insted of page name at top of page.
It then linked to a missing page.
Wrong: http://www.mingo.net/about/
Right: http://www.mingo.net/posts/
How do I correct that?
…I have tried to:
Set up a new menu
Change in the theme options
Create a new page
Search in this forum
…I use WordPress 3.7.1.
Hi!
Please add following code to Quick CSS in Enfold theme options
.sub_menu { top: 390%; }
.header-scrolled .sub_menu { top: 270%; }
Cheers!
Yigit
This reply has been marked as private.
Question: I have fixed and altered the height of my main menu and logo in the quick CSS with:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 120px !important;
line-height: 180px !important;
max-height: none !important;
}
#top .main_menu .menu > li{
font-size: 14px;
}
#top .main_menu .menu li>a {
height: 120px !important;
}
But all of the dropdown menu sections are all also at 120px, how can I alter this as that they are smaller…?
Any help would be greatly appreciated
Nick.
Hey petersandin!
1) We’ll make sure that the headline styling is consistent with the next update – for now you can fix it with
#top .title_container .main-title{
font-family: 'Yanone Kaffeesatz', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
2) No, the dropdown doesn’t support the font icon. You can try to use the “Slide Out” mobile menu instead which uses standard html links and I guess it supports icon fonts too.
Cheers!
Peter
Hey Delphiine!
1) Yes, use following css code to change the “strong” tag styling
#top #wrap_all .alternate_color strong{ color: #333; }
2) You can easily switch to a child theme. You won’t loose any settings especially because we introduced a “parent theme settings import” option with Enfold 2.3.1.
Cheers!
Peter
Hey!
I don’t know if Kriesi used a plugin or some custom code. I’ll mark this topic for him.
Regards,
Peter
Hi,
I don’t understand becose in the post blog there is a tex that it’s not translate in italian. “Leave a reply” “Want to join the discussion?” “Feel free to contribute!”.
http://www.caimorbegno.org/?p=2498
My wp language is set in IT.
I find this on the forum,
https://kriesi.at/support/topic/please-contribute-and-translate-enfold/page/4/#post-184004
I try to download and put it by ftp in wp-content/language/theme but the this text is always in english.
When I open the .po file I see the right translation, but in the site it is not show.
Can i do?
Thank
Hi Yigit!
The code is working only when I’m using “Image Element” to keep images.
But when I’m doing the same thing with gallery, its still not working.. :(
please check the link below. in this link left top three images are kept by using “Gallery from Media Element” and the last three images are kept by using “Images from Media Element”.. So its working when I’m using “Images from Media Element” which as I explained earlier I don’t really want to use it..
please have a look at the link below and compare the difference..
http://goo.gl/DJmeeH
Thanks
Re: https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs/
I updated the theme, a little late to the party.. made the same mods to gallery.php but the captions will not appear
I tried, in gallery.php
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /><span class='visible-caption'>{$caption}</span></a>";
This used to work, now doesn’t – I have reverted back to 1.91 for now.. but any help very much appreciated.
Thanks. Yep, that did it. It seems the lightbox on these is enabled now, on mobile… it is still disabled (you gave me this code a while ago) for the desktop. But how can I make sure it’s disabled on mobile too?
Thanks for all your help with this!!
Thanks, Ismael!
I don’t know why I didn’t think of using the grid. I had just finished adjusting the single product images and summary using it. Lack of sleep, I guess..
I’ve added code to allow for mobile portrait & landscape view, as well as desktop large, (min-width: 1340px), for anyone else who might want to use it.
@media only screen and (min-width: 1340px) {
.avia-button.avia-size-large {
min-width: 760px;
}
}
@media only screen and (min-width: 1161px) and (max-width: 1350px) {
.avia-button.avia-size-large {
min-width: 668px;
}
}
@media only screen and (min-width: 1007px) and (max-width: 1160px) {
.avia-button.avia-size-large {
min-width: 550px;
}
}
@media only screen and (min-width: 786px) and (max-width: 1006px) {
.avia-button.avia-size-large {
min-width: 678px;
}
}
@media only screen and (max-width: 785px) {
.avia-button.avia-size-large {
min-width: 428px;
}
}
@media only screen and (max-width: 340px) {
.avia-button.avia-size-large {
min-width: 268px;
}
}
Thanks for your support,
Ben
Ishmael,
You closed the other topic I had opened before I could respond. The colors look fine in IE8, but the icons are still “squared” AND, the search button is still not in-line with the navigation and creates additional space in the header.
I will reply with private message with the URL as I do not want it crawled by engines.
How do I edit the font style of the top navigation?
Hi!
That’s the structural part, the behavior would need to be done with CSS, with something like this:
/* This hides it by default */
.social_bookmarks span {
display: none;
position: absolute;
top: 30px;
}
/* This show them on :hover */
.social_bookmarks li:hover span{
display: block;
}
Cheers!
Josue
This reply has been marked as private.
Hi spmg67!
1.) When creating the link on Appearance > Menus, just add the id of the section. For example, the Opportunity menu items should have the URL “#opportunity” only.
2.) Please do step 1 then check it again on safari.
3.) Please do step 1 then check it again on firefox.
4.)
Regards,
Ismael
Hey Kriesi folk,
I love the enfold WP template but I’m running into some trouble here.
In the site I used enfold in, http://girlfriendsconf.com, I think everything looks great for the desktop version. My only issue now is looking at the mobile version, I’ve run into seeing these black bars. They don’t appear on the desktop version of the site. Even when I adjust the width of my browser to make the mobile version show up, the black bars don’t appear. But when I look at it from my iPhone, there are the bars. Just so you can see for yourself, the bars appear on the following pages
girlfriendsconf.com/ [ it appears over the video and on of the girls holding the umbrella ]
girlfriendsconf.com/media/ [ it occurs right under the Apple and Andriod buttons]
girlfriendsconf.com/speakers/ [it occurs in the paragraph about Joyce Meyer]
girlfriendsconf.com/connect/ [It appears over the photos of Anabel and her bio]
girlfriendsconf.com/register/ [it appears after the KidZone conference Register button]
girlfriendsconf.com/info-details/ [ it appears of the picture of the two girls with Umbrellas]
Its hard for me to view the CSS for mobile. I have no clue why its doing this even after viewing the CSS. Please help me. This website is launching this week.
This reply has been marked as private.