Hey web_line!
Can you post the link to your website and point out the image that needs to be hidden on mobile so we can provide you custom CSS code?
Cheers!
Yigit
Hey!
Please watch these videos to learn more about the theme: https://vimeo.com/channels/aviathemes
Watch this one if you want an image on Mega Menus: https://vimeo.com/channels/aviathemes/67651241
Remove the theme name on Enfold > Footer > Copyright, add the [nolink] tag.
What do you mean by iconset? You can add portfolio pages using the Portfolio Grid element.
Cheers!
Ismael
Hey!
I was able to use the image that you uploaded on Enfold > Styling > Custom Background Image. Make sure that you click “Use Image” button after you uploaded the image.
Best regards,
Ismael
Hi!
Please use the Yoast SEO plugin, go to SEO > Social, tick the “Add Open Graph meta data” checkbox, login as facebook admin and then set the description + image. Afterwards save the settings. Make sure that there are no other SEO plugins installed. The images you’re uploading are not working.
Cheers!
Ismael
Hey andreasgaide!
Please use the Yoast SEO plugin, go to SEO > Social, tick the “Add Open Graph meta data” checkbox, login as facebook admin and then set the description + image. Afterwards save the settings. Make sure that there are no other SEO plugins installed.
Cheers!
Ismael
Hi!
Please go to wp-content\themes\enfold\framework\php folder and open function-set-avia-frontend.php file and find
src='{$logo}' alt='{$alt}' />";
and change it to
src='{$logo}' alt='{$alt}' width='900' height='100' />";
and adjust as needed
Best regards,
Yigit
About the link in your reply not loading: when I click on the link above, it tries to open up in a lightbox and that doesn’t load. That is when I get the spinning gif. When I clicked on it in your email to me, then it goes to the screencast page.
I see there are screencasts about the visual editor, (Avia Layout Builder) but is there one about Blog Posts? The Visual Editor is not an option for new blog posts. And something about the Insert Shortcode UI?
Hi wrxer123!
You can add this on Quick CSS or custom.css:
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 1200px;
}
Best regards,
Ismael
Hey Lukevdp!
Please go to WooCommerce > Settings > Catalog and change the image sizes of Catalog Images then regenerate thumbnails using http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
Hi, I made my project with ENFOLD using the woocommerce plugin. I create my own product catalogue display page (the landing shop page) using Enfold pages because I wanted to change the image sizes and with a fullwith layer slyder WP on the top. I have two problems: 1. if I set this own page in woocommmerce (woocommerce settings – product options – Product and shop page) as my catalogue display page, the fullwith layer slyder dont work. 2. Secondly when I’m at my chart page and its empty there is a button to return to the shop but doesn’t work. Once clicked reloads the same page. I think because I didnt define my product and shop page in woocommerce settings. Thank you for your help
Hi!
Oh my bad, i thought you would like to remove image overlay. Please remove the code i have posted in my previous post and refer to Josue’s post here https://kriesi.at/support/topic/how-to-remove-tooltips/#post-224464
Regards,
Yigit
Hi Yigit,
Tried the code. Doesn’t seem to work. I cleared the cache as well as tried in another browser. Still when your mouse hovers over image/caption you get title or caption in little yellow box. You can view here: http://thepsychreport.com/the-psychlist/
pass: kriesi
Thanks,
EN
Hi nick_henri!
You can add a Color Section element with a Unique ID, then insert your images inside it in three 1/3 column elements, then post the link to your website so we can provide you custom CSS code to make these images unclickable
Best regards,
Yigit
Hi enester1!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.image-overlay { display: none!important; }
Regards,
Yigit
Hey!
You can simply remove .single class to apply the code globally as following
.big-preview.single-big {
display: none;
}
Regards,
Yigit
Hi Yigit,
here ist our custom css code:
.logo img { padding-top: 30px; }
#top .header_color .main_menu .menu ul li>a:hover {
color: #888;
}
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: black!important;
}
.main_menu ul:first-child >li > ul {
border-top-width: 3px; }
#top .main_menu .menu li ul a { border-color: black; }
#top .main_menu .menu li ul a { color: black; }
#footer li {
text-transform: lowercase !important;
}.avia-menu-fx { display: none; }
.header_color .main_menu ul:first-child >li > ul { border-top-color: transparent! important; }
.avia-shadow {
box-shadow: none;
}
span.news-thumb { border: none; padding: 0; }
.image_size_widget .news-thumb img {
width: 36px;
height: 36px;
}
#socket { border-top: none; }
img, a img {
border-radius: 0 !important;
}
#top .main_menu .menu li ul a { background-color: white; }
.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;
}
.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;
}
Kind Regards
Sebastien
Hi there!
I’m working with the fullscreen slider in my homepage :: http://www.inopia.cat/ and it doesn’t reposition from the center as in your example (http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/) it just reposition from top-left corner.
Clicking on the thumbnail in the slider I should have the option of: “Image Position” – Center Center position but i don’t have it :(
Here i’ll give some links to screenshots ::
Fullscreen slider menu: https://dl.dropboxusercontent.com/u/2486145/Captura%20de%20pantalla%202014-02-26%20a%20la%28s%29%2009.14.20.png
Editing form element :: https://dl.dropboxusercontent.com/u/2486145/Captura%20de%20pantalla%202014-02-26%20a%20la%28s%29%2009.14.32.png
Clicking on “change Image” :: https://dl.dropboxusercontent.com/u/2486145/Captura%20de%20pantalla%202014-02-26%20a%20la%28s%29%2009.14.45.png
Thanks in advance!
X
Hey!
You can try to increase the thumbnail quality with: http://wordpress.org/plugins/simplejpegquality/ – do not forget to regenerate the thumbnails with http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Peter
Hey babayard!
Did you fix the issue? I can’t reproduce it on my full hd screen and all thumbnails have the same size: http://www.clipular.com/c/6265833978331136.png?k=RDXXGoIVcgjXngctTb8HWKlfSlQ
You can increase the image size by changing the “Gallery Columns” option (i.e. set it to 2) and don’t forget to set another “thumbnail” size on the “Gallery” element option screen because at the moment you’re using 180x180px images which will be blurry if you stretch them to 50% of the screen size.
Cheers!
Peter
Hi!
It seems like wordpress adds a width styling to the surrounding caption div which is not the case if you insert a simple image link without a caption. Unfortunately we can’t “fix” this inconsistent behavior with the theme code. If you want to limit the width switch to the html mode (then you can add the html code directly) and replace:
<a href="http://buchtalente.de/treditionwp/wp-content/uploads/2014/02/focusonline-e1393335459678.png">
with
<a href="http://buchtalente.de/treditionwp/wp-content/uploads/2014/02/focusonline-e1393335459678.png" style="width: 115px">
Cheers!
Peter
This reply has been marked as private.
Thanks that worked!
Is there a way to remove it on the blogpage aswell?
Hi!
Afaik the POST TYPE ORDER plugin hooks into the query and manipulates it. Maybe try to set the “Autosort” option (Settings > Post Type Order) to “ON/Custom” to fix the issue. If this doesn’t help please contact the plugin author. The query of the masonry gallery can be found in wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php
Regards,
Peter
Hi,
I am building a masonry gallery with large cations on the images, which are linked off site. When scrolling over the yellow hover box appears and is quite distracting. How can I remove these so they don’t pop up when i hover? is there any negative consequeces to removing them site wide?
Thanks
Evan
I have a slider that is 1600 X 470. I want center a video in one of the slides.
I copied the code from vimeo and pasted it into the div/video field. the actual video ends up being 871 X 470 or something like that.
It aligns left. can’t get it to center. i put padding on it and it stretches the preview image.
Any suggestions?
Thx.
Hi,
I’m trying to figure out how to do text image overlays, similar to the 3 boxes shown near the bottom of this page: http://www.sapient.com/en-us/sapientmphasize.html (Our Experience, What We Do, …). I’m trying to replicate a similar look for a site by 3 images on the home page that have text overlayed on top but haven’t been able to figure it out in the Enfold theme. Could someone provide some guidance?
Thanks,
Nick
Hey guys,
I am using the max width layout. On my homepage main content area I have a 3/4 size section, and a 1/4 side section.
Whenever I place an image in the 1/4 size section it comes out quite small because it is resized with blank space/margins on left and right of image.
I would like to modify those margins/padding….or have a way to post the image that would basically ignore them in that section.
I really appreciate your help! thankyou!
My images are all being scaled to around 600px instead of the full 1200px I’d like them. Please help
http://smartphotography.com/waves/
Thank you!
-
This topic was modified 12 years, 2 months ago by
wrxer123.
Hey guys – I am freakin out because of the facebook share function! I allready tried 4 different social share plugins, but always the same problem.
If you click on the share button the pop up opens perfectly, but in the “share window” is only the URL of the blog post visible, and nothing else. No Post Image, no excerpt of the article! Here’s a screenshot…

How can we solve this problem?
This theme is absolutely great, and I can’t believe that such basics will not work and cause issues. We’ve also tried the actual social plugin on another website of us, and it works perfect. So as allready many other users had the same problem, the problem must be caused by the theme or what else could it be?
Really looking forward to your help! If you want to test it out on our site – please visit: http://internet-solutions-group.de/willkommen-bei-der-isg/
Hey!
Yes, you should add the code to Quick CSS in Enfold theme options under Styling tab. I have noticed there is dot missing in front of big-preview class. Try adding it, if that does not work, please try adding !important to force it as following
.postid-5712 .big-preview {
display: none!important;
}
Best regards,
Yigit