I’m having a weird problem. In the theme options, I enable a bunch of social icons to display on the blog. When I do so, I see a “Share this entry” but no icons.
Looking at the page source, I see that the code is there. If I edit loop-index to add a second copy of this line: avia_social_share_links(); then I see the boxes, but the title is duplicated on top of the first box. If I remove one, then I just see the words. Please help!
Hi Guys,
Thank you for this fantastic theme, third happy client and one happy developer :-)
I have a small issue, I need to add an extra link to the header when responsive.
I use to have it on earlier versions but since last upgrade I don’t seem to be able to implement this on PHP.
I used to insert the following to line 122 of helper-main-menu.php and it worked fine:
?>
<div class="left-icon">
<a href=<?php if(ICL_LANGUAGE_CODE == 'fi'){
//link to Finnish Book a table
$linki = get_permalink(753);
}else{
//Link to English Book a table
$linki = get_permalink(1992);
}echo $linki; ?> title="Book a table"><img src="<?php echo get_template_directory_uri();?>/images/layout/book-a-table.png" /></a>
</div>
<?php
The result was that on responsive, I would have on header “My Icon with link(left) -The Logo(center) – the responsive main menu(Right)” as in this example: http://prntscr.com/aqywi0 (green square is my Icon position)
But now when I try my code I just can’t get the icon to stay within <div class=”inner-container”> so is shows on the left top corner of class “container av-logo-container”
I would really appreciate some help here, my php skills are rather limited. This should only show “if responsive”.
Thank you
Daniel
Thanks,
i’m finding my way, partly bij trying partly with your ans the forums help.
It worked, but it doesn’t look nice. I would like it to be as https://www.bartvandenbelt.nl/ its also Enfold
but perhaps thats done in a different way then backgroun? it almost looks like an image with text on top
can you helpt me?
Hey DickZirkzee!
Thanks for getting in touch with us!
Maybe this was the post you found that helped you: https://kriesi.at/support/topic/slider-fade-speed-2/
The JS file is located at the folder path js>shortcodes.js within your theme folder.
Let me know if you need further assistance.
Best regards,
Jordan
Yes I did and it gave 100% message
All done! 70 image(s) were successfully resized in 344 seconds and there were 0 failures.
I’ve now tried it twice.
However, it has not changed the appearance of the slider on the homepage (desktop or mobile).
Do I need to actually resize all the jpgs as well? Because when I chose the large slider it just added white space above which looked fine (except it was too deep). So I assumed I wouldn’t need to resize the images it would just add space. Thank you.
-
This reply was modified 9 years, 11 months ago by
ac.
Hi! I am currently using a gallery with the lightbox feature. It makes for a very nice presentation. Thank you. However, I still have two questions:
1) Desktop: When viewing the whole gallery on desktop, my captions (photo titles) appears on hover above the image. Nice effect. However when i click to enlarge the photo with the lightbox the caption disappears. As I arrow thru the images in the lightbox, I see the image number, such as “2/12” In the bottom right corner of the lightbox image. That’s fine. But there is no caption. Is it possible to display the title of that image, for example, in the bottom left corner of the lightbox image? thanks!
2) Mobile: In mobile for this same gallery, the hover effect which displays the caption appears on the first tap on a specific image. The second tap activates the light box, however the caption from the first tap remains superimposed — even when I arrow thru to select a new image. It is confusing and requires an extra tap to make it go away. I would prefer to have not hover on the mobile version, at all — but only if we can see the captions in the lightbox as requested above. Please advise. Kind Thanks!!
Hi!
Yes, it is currently not possible :)
I have added following code to the top of Quick CSS field
@-ms-keyframes wiggle{
0%{
-ms-transform:rotate(3deg);
}
50%{
-ms-transform:rotate(-3deg);
}
100%{
-ms-transform:rotate(3deg);
}
}
@-moz-keyframes wiggle{
0%{
-moz-transform:rotate(3deg);
}
50%{
-moz-transform:rotate(-3deg);
}
100%{
-moz-transform:rotate(3deg);
}
}
@-webkit-keyframes wiggle{
0%{
-webkit-transform:rotate(3deg);
}
50%{
-webkit-transform:rotate(-3deg);
}
100%{
-webkit-transform:rotate(3deg);
}
}
@keyframes wiggle{
0{
transform:rotate(3deg);
}
50%{
transform:rotate(-3deg);
}
100%{
transform:rotate(3deg);
}
}
.my-custom-tabs .tab {
-ms-animation:wiggle .3s 50;
-moz-animation:wiggle .3s 50;
-webkit-animation:wiggle .3s 50;
animation:wiggle .3s 50;}
.my-custom-tabs .tab.active_tab {
-ms-animation:none;
-moz-animation:none;
-webkit-animation:none;
animation:none;
}
It will wiggle tabs that are not active 50 times to kind of attract attention. Please check it and remove the code if you would not like to use it :)
Best regards,
Yigit
Hi!
If the theme you changed does not use Advanced Layout Builder (Kriesi is planning to make it a standalone plugin, no ETA yet unfortunately), ALB shortcodes would not work on the other theme. But if you add featured image and only text blocks on your blog posts, you would not have issues. Only image at the top would be removed (since there is no shortcodes to support it)
Best regards,
Yigit
Thank you, i don’t want to hide it though. I think a deeper header would be better both for desktop and mobile – I’m currently using featured 1500×430. The featured large 1500×630 was better, but too big. Can I set it somewhere to be 1500×500? I have it on don’t stretch option.
Hi There,
Love the theme, thanks!
The new website is almost finished. I have 2 questions, both regarding the youtube background video:
– I’ve read on your forum that it’s not possible to autoplay the video background on mobile, which is fine. I cannot find on the forum why the youtube play button is not working?
– when watching the background video on a small laptop, you cannot see everything from the video (I mean, when the height of your browser is very little, you miss the top and bottom of the video.). One solution is to start the video at 4 sec (the viewer won’t notice that the top and bottom part is missing, but they do otice when it’s from the start, the top part of the logo is missing). Youtube gives me this url: https://youtu.be/lNIPhEYA1kE?t=4s. But unfortunately the video starts at the beginning and not at 4 sec.
Hope you can help me!
Many thanks!
Wietske
Hi!
You can use Advanced Layout Builder to create your posts and add fullwidth image at the top of your posts on single posts.
Best regards,
Yigit
Hey!
You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display different sliders on mobile and on desktop
Cheers!
Yigit
Hey!
I added following code to bottom functions.php file in Appearance > Editor
function avia_custom_logo_app(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 30) jQuery('.logo').addClass('logoop');
if(jQuery(this).scrollTop() < 30) jQuery('.logo').removeClass('logoop');
});
</script>
<?php
}
add_action('wp_footer', 'avia_custom_logo_app');
and then changed the code Ismael posted to following one
.container.av-logo-container .logo.logoop {
width: 120px !important;
height: 50px !important;
top: 0px !important;
}
Changes made in functions.php file will be overwritten when you update the theme. To avoid that, please consider using a child theme
Cheers!
Yigit
Thanks Yigit, that works – I can see the images! Is it possible to make the image slider deeper on mobile (i.e. taller) as it looks a bit thin/cramped even without the captions. Is there a way to do that – OR should I make the slider deeper via the page settings and add some white space to the top of all the image jpgs?
Hey Iztok!
Please add following code to Quick CSS as well
.avia_transform #top div.progress .bar-outer {
width: 100%;
}
Best regards,
Yigit
Hi!
Please add following code to Quick CSS
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
height: 70px;
}
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
height: 70px;
line-height: 70px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
thank you, that is working nicely for desktop, but i could do with some padding on the mobile version as the logo sits right on top of the content with no gap. can you suggest some code for mobile?
Also, is it a problem having lots of custom css as mine is getting quite long – is there any issue with it slowing down the site or is it nothing to worry about. and is there a way of labelling each line/snippet of code so I can remember in the future what it does?
thanks so much for your help today.
Thank you that is better, although i went with padding-top: 30px; padding-bottom: 0px; – as there was already some padding in the content of the box and if i took it out, it wasn’t looking so good on desktop.
Thanks again, much appreciated.
Hi!
versuche es mit diesem Code im Quick CSS Feld:
#top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
line-height: 34px !important;
}
Gruß!
Andy
Merhabalar!
Would you like to insert static banner or you would like to have it differently on each post? If you would like to have different banners, you can add your banner manually to the top of your blog posts
Best regards,
Yigit
Andy;
My apologies if you think I expect you to answer support questions on the weekend. Your weekend is your weekend.
My original question was #607844 on 4/4/16 where I did re-post private login information. The reply to this post actually did not address my original question. When I add private login information to my own post, is that considered bumping into your own thread. I really wasn’t trying to do that.
I reposted #609705 on 4/7/16 hoping to get a fresh start on what I thought was an unanswered/closed issue. By the way, none of these questions were on the weekend :-)
I have found work arounds for some of my issues, such as paging through a portfolio stopping at the number of items loaded. I no longer show only 12 items per page but simply load all items so that it will page through the entire portfolio.
However, the images size for typical photography is a 3:2 ratio in either landscape or portrait orientation. My portrait images are not cropped by WordPress but are indeed cropped by the theme when displayed. I can open the cropped image and it will display properly. I can’t seem to figure this one out. The login information is in support thread #607844.
My remaining issues are cropping of portrait images and actually the responsiveness of the theme on an iphone. When I remove the “view portfolio” or “contact” button from the landing page home image, there is nowhere to go on an iphone.
Thank you and sorry for the confusion.
Diane
yeah, after I posed it, I kept working on a solution – I took out the vertically aligned middle and created a div id which had padding-top 165px and then applied it to all distinct instances where it needed to work on the site. It would be nice if there was something more global I could do, but I needed to show the client something this morning so that how I worked around the issue.
Hey andrea!
Please edit your color sections and give them a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS
@media only screen and (max-width: 769px) {
#your-custom-id {
border-top: 1px solid black!important;
}}
Regards,
Yigit
acParticipant
Hi, i have a colour background navigation, followed by an alternative colour section at the top of each page which I’m pleased with on desktop. I’m using this instead of titles to give more information.
However, when I view the content page on mobile, it starts with the lighter alternate colour as obviously the navigation goes to mobile and this lacks impact without the darker navigation above it. How can I put a darker purple border at the top to make it stand out a bit? I tried adding a simple border to the top of the colour section but it didn’t work.
Any ideas – or other ways of looking at this?
thank you.
Hey!
Please edit your color sections and give them a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS
@media only screen and (max-width: 767px) {
#your-custom-id .content {
padding-top: 40px;
padding-bottom: 10px;
}}
Best regards,
Yigit
acParticipant
On desktop, I have the navigation showing centrally on a coloured background. Is there a way to make the coloured (dark purple) banner deeper? I don’t want to enlarge the text any more, just have a deeper navigation area.
acParticipant
Hi, i have a colour section at the top of each page which I’m pleased with on desktop. I’m using this instead of titles to give more information. However, it is way too big and dominant on mobile. Please can you suggest how to fix this
thank you.
acParticipant
I have the G+ logo showing in the top header which is fine on desktop but doesn’t look right on mobile as it takes up a whole extra line – can I make it not show at the top on mobile
Yes it does, but without the custom css the logo appears without any padding on the desktop version which doesn’t look great as it sits right on top of the navigation. I’ve adjusted the custom header height and made the very top bar white which helps a bit. Would it be a good solution to add some white space on the logo jpg above and below, it seems that any use of padding makes the logo smaller or disappear on mobile version.
thanks