Thanks, however I have two different queries:
1. http://www.realwiredmusic.com/previous-ongoing-bookings-2/ this is the page where i need to have 4 columns. Is there a way to change this in the masonry gallery?
2. http://www.realwiredmusic.com/artists/ I added the code you gave me to custom css… the images are now showing, but they don’t look right at all, and there is a huge image at the top? I just want 4 rows of portfolio items in a “portfolio small” grid, as per my backend settings.
Lastly, is there a way to add more than 100 portfolio items to a single page without having pagination?
Thanks for your help!
I am trying to add code to my avia_textblock and it adds p tags. I found this post:
https://kriesi.at/support/topic/adding-just-code-with-avia-advanced-editor/#post-29215
but it appears to not use the same code anymore. Can someone please help me?
thanks,
Hi Martin!
Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
I would suggest you to take a look at Blog page time to time
Best regards,
Yigit
Hello dear Kreisi team !
I’ve seen a topic about the iconlist “6 principles” on the child kreisi’s theme.
Will Kreisi publish his code for creating this circle?
Or will you integrate it to enfold theme?
best,
Martin.
Hi – please see this page for an example:
http://www.costcat.com/2013/10/22/december-29-2012-never-too-early/
i am using button shortcodes to link to the full-size version of the image (the image preview is a smaller version; i want the user to be able to save and download the 2000-pixel-wide version as a desktop picture).
however, the button links to the image using lightbox – i would prefer an “open in new window” command (which i stated in the button shortcode generator screen) but it still links to lightbox. how can i deactivate the lightbox for this button ONLY while leaving lightbox functioning elsewhere on the site?
thanks in advance for your help.
Hey guys just a general question. I am loving the aesthetic look of the Masonry elements. But I tried to us the masonry gallery with with about 60 images and ran into some issues. Load times. the script is loading images by default at full resolution. Can you talk about why they don’t render as a bit smaller thumbnails and then load full res if you open the lightbox? that is how the normal enfold gallery works and it load much faster.
That being said my computer can load the larger masonry galleries pretty well. but I find that if you scroll down the page as it loads it behaves weird in that it will load many squares on top of each other and not expand down the page like it should. then when it is done if refresh the browser or change the window size (calling for a refresh) then it will expand to show all the thumbnails properly.
Then for mobile. Say an iPhone 4 on a fast wi-fi connection. that same 60 image masonry gallery is like sludge on the phone. It takes for ever to load but then after it is loaded it still hangs almost non stop if you try to scroll up and down the page. And if you want to rotate the orientation of the device it freezes also. Is there some added limitations on mobile devices with the script or something. I would think it was just the connection speed. But with the same connection the phone and computer are in different leagues. I tried to limit the initial load to a smaller amount of images, say 20 or so and then make the user hit the load more button. It was marginally faster initial load, but only slightly, but after it loaded another 20 or more the page froze up again. Is there a way to make the thumbnails be a smaller embedded size or something? If it is using the full size I could obviously upload smaller but other places that need the same image larger would have to be a completely separate image upload. Different than say a normal large size uploaded image that wordpress auto reproduces smaller and then the user picking the display size.
So basically the question is, is there anything you or I can do to make large masonry image galleries function well on mobile devices?
Hey Sbjup!
1.) You can add this on your custom.css or Quick CSS to create a dashed border:
#top .social_bookmarks li {
border-right-style: dashed;
border-right-width: 1px;
}
2.) It is done using Media Queries on css > layout.css:
.responsive #header_meta .social_bookmarks{padding-bottom:2px; width:100%;}
.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
.responsive #top #header_meta .social_bookmarks li:last-child a{border-right-style: solid; border-right-width: 1px;}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
.responsive #header .social_bookmarks{width:100%; text-align: center; height:auto; line-height: 0.8em;}
.responsive #header_meta .sub_menu>ul li,
.responsive #header .social_bookmarks li{float:none; display: inline-block;}
.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
.responsive #header_main_alternate .mobileMenu{ margin:16px 0;}
.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
.responsive .mobile_slide_out .logo img{margin:0;}
3.) Go to Appearance > Widgets and fill up the Footer Columns widget areas.
4.) Go to Enfold > Footer > Copyright and place [nolink] on the field.
Regards,
Ismael
Hey!
Can you change the user role to Administrator as well?
Regards,
Yigit
This reply has been marked as private.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
body .container_wrap .avia-builder-el-first {
margin-top: 5px;
}
Best regards,
Yigit
Hello, I have some questions related to woocommerce:
1.- It’s possible to modify the category pages in woocommerce?
I have taken the shop template and change the name to “tienda”. In this page I can add content on top with the template builder and after that the shop part is automatically displayed.
It’s possible to manually modify each template for the categories so I can add content for SEO purposes (at least an H1 tag and some text)
The main shop: In http://prepro.paadonline.org/tienda/
Category 1: http://prepro.paadonline.org/categoria-producto/colchones
King and queen size are categories 2&3
If that is not possible I could create all the category pages by hand and use the shortcode of product grid but I’ll lose the sorting options and I’ll have to make redirects in the automatically pages created by woocommerce to target them to the manually created.
2.- This question is very similar to the previous: It’s possible to create different sidebars for each category page?
In http://prepro.paadonline.org/tienda/ I have 3 categories. I want the navigation and filtering the SAMES but to add unique elements depending of the category. It’s that possible? All the woocommerce category pages are automo
3.- Last question. A black line appears to separate the sidebar and the main area. How can I get rid of this line?
Many Thanks
Jorge
Hey Rob!
Can you please open Footer.php file in Appearance > Editor and check if 168th line is the same or not? It should be at the very bottom of the file http://i.imgur.com/M3XOqYo.jpg
Cheers!
Yigit
Hi!
Do you mind creating a temporary admin login and posting it here privately so we can personally login and take a look?
Regards,
Yigit
Hi!
Glad you figured it out Mike! But actually one curly bracket is missing in the end of the code. So it should be
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
} }
Regards,
Yigit
Hi thanp73!
Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
I would suggest you to check Blog page time to time :)
Regards,
Yigit
Hey coachw!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
.mobile_active #advanced_menu_toggle { position: fixed; right: 30px; top: 130px; }
You can post the link to your website and we can provide you more accurate code as well
Best regards,
Yigit
Hi! While I see some bugs while finishing http://wp6.rudelabs.com
My portfolio structure is :
> Desktop apps
> Game Porting
> Mobile Apps
> Second Screen Apps
Although I only have one project inside Second Screen Apps, if I click on any portfolio on homepage, my breadcrumbs always are “Home > Mobile Apps > second screen apps > project name”. Please, could you help me? the only project which must be on secod screen is motogp.
Hi nrosella!
This is not always possible. Eg scripts like jquery.js and avia.js MUST load at the top (otherwise you’ll break the website) and it makes no sense to load them as inline js which is considered as non-blocking js (see https://developers.google.com/speed/docs/insights/BlockingJS ) because then the browser can’t cache the js files and you add 60-80kb unnecessary data to the html document. Like the article explains ( https://developers.google.com/speed/docs/insights/BlockingJS ) this makes only sense with very small scripts but not with the jquery framework script or bigger scripts like avia.js.
These pagespeed hints are just guidelines and it’s not always the best practice or reasonable to follow them.
Best regards,
Peter
Hi
After the past couple of updates the ‘back to top’ button has not been displaying properly. On IE 10 no arrow shows up and in Firefox I get a weird looking character. I’ve cleared both the sites cache and my browser cache multiple times, so it is not related to that.
My site can be found here: http://tinyurl.com/qae7m8y
Regards,
Rob
Hey!
Please add following code to Quick CSS and adjust as desired
#header_meta { border-top: solid black 4px; }
.avia-layerslider { border-top: solid black 4px!important; }
I made changes in Header.php file. You can search “header-image” in Header.php file and find the image. Also added some custom CSS to Quick CSS to align it.
Regards,
Yigit
Hi!
The code was for screens smaller than 480px. Please try following if you have not solved already
@media only screen and (max-width: 989px) {.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content { opacity: 0!important; }}
Regards,
Yigit
hi, thank you for your answer.
It doesnt work!
I’m using a child theme, that i don’t loose my settings after a theme update.
So i created a folder enfold-child/css/custom.css:
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
#top div div.product .woocommerce-tabs ul.tabs li a {
padding: 9px 20px 10px 20px;
}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
Can I don’t use the style.css in the main child theme folder?
And how can I use Quick CSS?
Thank you for your answers.
Regards
Laenggi
Sorry Ismael,
It is in fact an image aligned ‘center’ with botttom to top animation. But nothing happens.
I’ve noticed that only the centered images are removed troughout the site with this code:
.avia_image.avia-align-center {display:none;}}
So for now i’ve given all other images a left alignment and placed the above code that works.
Offcourse now i can’t use centered images any more so when you got a correct solution to remove this picture only on my homepage then i would be glad to hear it.
Cheers Herrbirk
-
This reply was modified 12 years, 5 months ago by
MENS.
I was wondering the same thing when the author explained that to me, but I’m no expert in these things so I can’t find out myself. This is what the author explained:
The theme that you are using is using a smooth scroll plugin which animated the scrolling of anchor links within your page. This is causing the conflict with cookieinfo’s more info link since it has is a anchor link and since the code for cookieinfo is added to the bottom of the html document, it is scrolling down to that position. The debugger error has nothing to do with the scrolling issue.
I know there are free plugins, but the whole reason I buy premium items is that I could ensure premium quality. What if a free plugin stops being updated when WP updates? Premium files on Envato usually are of premium quality and make sure they stay compatible. How disappointing and frustrating this is.
The problem is solved. A different plugin caused the issues.
Hey!
Please add this on your custom.css or Quick CSS:
#footer .widget_nav_menu li {
position: relative;
margin: 0;
clear: none;
float: left;
display: block;
font-size: 11px;
border-right: 1px solid;
padding: 0 10px 0 10px;
height: 20px;
}
#footer .widget_nav_menu li a {
position: relative;
top: -5px;
}
#footer .flex_column.av_one_fourth.first {
width: 100%;
}
This will only work for one level menu group.
Regards,
Ismael
Hey!
Please add this on your custom.css or Quick CSS:
.cloud-zoom-big {
top: 0 !important;
left: 300px !important;
}
Regards,
Ismael