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.
Hi!
Please try this:
div .logo {
left: 40%;
position: relative;
top: -40px;
}
.main_menu {
position: relative;
z-index: 100;
line-height: 10px;
height: 100%;
margin: 0;
left: 20%;
bottom: -40px;
}
Best regards,
Ismael
Hey Dave!
It may be, request it here so Kriesi will see it :)
Regards,
Josue
Hi
How do I stop the Aweber Forms colors from changing when I add them to Enfold ?
There are a number of programs that have comparison tools which could help for sure. I’m not sure they would help in this case because the number of changes we’ve made since 1.6 is just huge. The html5 update changed almost every single front end template and on top of that the structure of many of the files were re-done as well.
So comparing X 1.6 to X 2.4 would almost be apples to oranges in many cases.
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 989px) { #top .avia-slideshow-arrows a { display: none; }}
Best regards,
Yigit
Thanks Yigit! That did it.
Also, I just noticed… the controls for the slideshow within these AJAX portfolios…. shows on mobile. How can I hide these on mobile/tablet resolutions… and just leave them auto-rotating and swipable?
Thanks again!
Hey,
Disclaimer: I am developing this site locally, so all I can provide you with is information and screenshots.
I have two questions:
1 ) I am trying to add a background hover color for the main menu items, but want to create a ‘box effect’ (using css3 with transitions etc.) around the menu word/item. Considering the area for each menu item stretches all the way to the top and bottom of the header, under what class/id should the css be placed?
2) On my blog homepage I’ve set the sidebar to a custom widget area I’ve created (where I’ve included ‘Recent Posts’ only), but the sidebar still displays the search bar, another recent posts section, comments, archives, categories and meta beneath the sidebar area I’ve set. Please see screenshot below:
http://postimg.org/image/bk6ecbkzr/
http://postimg.org/image/bk6ecbkzr/
Thanks!
-
This topic was modified 12 years, 3 months ago by
Thinkgate.
Hello,
I am in final stages of completing our website and must say, that this theme and the theme support is awesome. I never regretted spending my money on enfold theme. But there is still one last thing I need to find out.
I really need the ability to handle shortcodes in post sliders / grid layouts (within the excerpt). Each excerpt should e.g. start with an icon, but the excerpt just outputs the shortcode term for the icon. I tried the advanced excerpt plugin, which helps me display shortcodes inside the excerpts of blog elements, but is no help with any grid element.
I did some research, but couldn´t find a solution. The topic that came closest to my question was this https://kriesi.at/support/topic/dropcap-2-and-post-sliders/ – but the provided code didn´t work for me.
I appriciate any help. Thanks!
I saw that you have started another topic about this. So i’m closing this one. But please do not start same topic more than once.
Cheers!
Yigit
Hi!
Please add following code to Quick CSS as well
div .logo { left: 25%; }
.main_menu { left: 37%; margin-top: 35px; }
#header_main .container { height: 150px; line-height: 150px; }
.main_menu .menu ul { margin-top: -35px; }
.current-menu-item>a>.avia-menu-fx { display: none; }
Regards,
Yigit
Hey Monsoon!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .avia-post-nav { display: none; }
Best regards,
Yigit
Thank you for the fast answer, it works!
But how do I get rid of the white bar that scrolls down, the one that used to hold the menu text?
And how do i get the first picture to display right at the top of the page without a white boarder over it?
And how do I get rid of the menu also on mobile?
Best regards!
Hi D5WDesignGroup!
Please refer to this post if you have not already https://kriesi.at/support/topic/collapsable-menu/#post-165144
Regards,
Yigit
Hi Kriesie & team,
I have a problem, and that is my Headings (h1) wont resize when you scale the browser window. It’s the same problem as https://kriesi.at/support/topic/schriftart-wird-auf-dem-mobile-verandert/ I tried placing the code provided in the comments in my quick css but it didnt work.
Please check these screenshots to see the problem…
This is the desktop version

This is the mobile version

And these are the codes i have in the quick css
@media only screen and (max-width: 480px) { .av-special-heading h1 { font-size: 30px!important; }}
}
@media only screen and (max-width: 480px) { .responsive .container { width: 300px; }}
}
@media only screen and (max-width: 480px) { .entry-content-wrapper .post-title { font-size: 30px!important; }}
}
h1 { font-size: 66px; }
Hi absmith55!
You can undo changes you have done and add following code to Quick CSS in Enfold theme options to remove search icon from main menu
#top .menu-item-search-dropdown > a { display: none; }
Regards,
Yigit