To myself and if that’s help to someone else i think i solve it with :
#lang_sel_list ul li.icl-fr a {
background-color: #77bcfe!important;
color: #fff!important;
}
#lang_sel_list ul li.icl-en a {
color: #fff;
background-color: #eb23eb;
background-image: none;
}
Sorry
but i try but nothing append :(
I would to put different backgroud-color behind FR and EN :
.icl-fr {
color: #fff;
background-color: #77bcfe!important;
color: #fff!important;
}
.icl-en {
color: #fff;
background-color: #eb23eb;
background-image: none;
}
But it’s not working…
Help ?
Hi,
We have the standard setting for woocommerce images.
But on the productpage the image has a scroll bar on the left side.
How can we remove that?
Regards
hello,
I use for the “Single Post Style” option “Single post with small preview image.”
But the area “featured picture” is lost.
How to choose another model for a blog?
I wish to reduce the width of the first element (featured image) to expand the information the blog area. The sidebar on the right.
Thank you for your help.
cordially
Hi!
In the follow image, the table displays in the first colum field some rows…but the fields of the second, doesn´t aligned with the first.
Image example: http://prntscr.com/2tuzci
How can i align all rows of the colums with the same height, doesn´t matter the height of the other colums rows??
Site: here
Thanks so much in advance!
-
This topic was modified 12 years, 2 months ago by
NaRanJiTo78.
Hi guys,
I´m using the fullscreen slider at http://congress.automotiveit.com/ with just one image (so it´s not really a slider) and I´d like to make it clickable. I have the clickable button integrated at the bottom but many people asked me why they can´t just click the big image. The button is sometimes hard to find for new visitors.
Any idea how to make it without messing up the whole theme?
Hey!
CDNs help you to improve the page speed because the client (browser) can download the website files (css, js, images, etc.) from multiple servers (often with a better bandwidth) and because of the simultaneous downloads the loading speed of your website may increase. However the setup isn’t always easy and good CDNs are expensive. Thus it’s imo not always a good idea to use a cdn – especially for small businesses or small websites (= low data traffic).
Regards,
Peter
Hi,
I add the following lines on the quick CSS as you said.
.avia-tooltip {
top: 400px !important;
}
Unfortunately, it looks great for the first line of my images, but it goes worst for the lines 2, 3 and so on.
You can have a look at it here : http://www.gstarevents.com/references/
Waiting for your reply,
Thanks a lot,
My best regards,
ALexandra
Thanks Yigit, that worked. Is there a way to give the Color Section a shorter height on the mobile screen? Now the height is set by a Horizontal ruler with whitespace of 300 px (otherwise the image didn’t show and I want the fixed effect, that’s why I’m not using a fullscreen slider as I’ve tried on the swedish version http://www.oakandinch.se ) but that’s a bit much on the iphone. Is there a better way to achieve this and get the height a little responsive at the same time?
Thanks
/Michael
Hello,
i bought your theme to build a website that have the ecommerce aswell. Now i’m building it and i’m encountering several graphic problem as you can see in the image below.

The sidebar has always the same dimension but in the shop homepage the buttons look different, and in the product page buttons get a bad position.
I would like to know how and were i have to change code to have a properly designed eshop.
Thank you
This reply has been marked as private.
Hey!
Please upload the logo again then select the Full size before you click “Add image as logo”.
Best regards,
Ismael
Hi!
You can use the “Duplicate” button but then click the “Translate independently” button to make sure that the “original” entry is not connected to the translated entry. Afterwards you can simply switch to the “Advanced Layout Editor” (Enfold will convert the shortcodes to elements automatically) and then you need to go through your elements to translate them. Make sure that:
1) Blog Elements, Portfolio Grids, etc. use the right categories – every language uses different/translated categories with different ids and you can’t simply query the original categories
2) all images/attachments are correct. Afaik WPML allows you to translate the image/meta data of attachments too and this may change the id of an attachment in the database if you switch to another language because every translation has an unique id.
Cheers!
Peter
Hi Brickso!
Please add this on Quick CSS or custom.css:
.image-overlay {
display: none !important;
opacity: 0 !important;
}
Best regards,
Ismael
Hey jmikhail!
Edit config-layerslider > LayerSlider > css > layerslider.css, find this code on line 585:
html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
background: none !important;
min-width: 0 !important;
max-width: none !important;
border-radius: 0px;
box-shadow: none;
border: 0px;
padding: 0px;
}
Replace it with:
html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
min-width: 0 !important;
max-width: none !important;
border-radius: 0px;
box-shadow: none;
border: 0px;
padding: 0px;
}
Cheers!
Ismael
Hey Carlos!
You don’t need to add html codes to create a video background. Just the edit the fullscreen slider for example then click “Add single image or video”. Configure the option “Which type of slide is this?”, select “Video Slide”. Enter the url of the video.
Cheers!
Ismael
I changed the featured image to a 1200 x 1200 image and the thumbnail in Recent Blog Posts is still smaller than all of the others.
http://www.matt-morse.com/
See the word “Badges” being shown in the lower left hand corner of this image. Where is this being populated from? It’s showing up on every page and I can’t seem to turn it off. Link to image posted in private follow up reply.
-
This topic was modified 12 years, 2 months ago by
Kevin.
Hello,
We would like to add an image border and drop shadow to the images here http://visiteldorado.wpengine.com/about/ (hosted on WPengine) (and similar images throughout the site). We tried the code above to no affect. Can you offer any additional suggestions?
Thanks!
J
Hi Guys,
After a bit of research through the forums, I thought I had found a solution to this. However, after following a couple of different instructions I still had no luck removing the animation that occurs when you hover over an image or gallery. It’s the lightbox animation I’m assuming, the circle and the arrows. I’ve attached a screen to help explain. I’m looking to stop this from happening as for some reason it’s applying to a third-party gallery plugin.
Any help is appreciated.

Hey!
Aside from the changes above, please edit the same file then find this code on line 411:
$output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.$image."</".$link_markup[1].">";
Replace it with:
$output .= "<a class='grid-image avia-hover-fx'>".$custom_overlay.$image."</a>";
This should remove the link from the portfolio thumbnails.
Best regards,
Ismael
Hey!
If you want to remove the title attribute for all images, you can edit js > avia.js. Find this code on line 5:
$(document).ready(function()
{
Below, add this code:
$('img').removeAttr('title');
Please post the link to the actual website so that we can inspect it. Please try this on Quick CSS:
.avia-tooltip {
top: 400px !important;
}
Regards,
Ismael
Hi!
You should use the WP Gallery Custom Links plugin. Add Dude’s code at the very bottom of functions.php. Make sure you have the latest version of Enfold.
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
{
$custom_url = get_post_meta($attachment->ID, '_gallery_link_url', true);
if(!empty($custom_url))
{
$link[0] = $custom_url;
$link['custom_link_class'] = 'aviaopeninbrowser';
}
return $link;
}
This works on our end. As you can see on the screenshot the link of the hovered image is google.com, which is the url that we set for the image.

Cheers!
Ismael
Hi Guys,
Could you advise me?. I have a portfolio: http://www.naturaloutlook.com , under the first image you see of the computer I have quick link buttons to #tags in colour sections. I have a problem with the expertise button, which links to a colour section on a separate page – the About page. When you hit the button the page loads but scrolls past the start of the section, the odd thing is, if you go to About at the top of the page menu, then expertise which has the same page link, the page scrolls perfectly. Can you offer any advice to get the button from the home page to work correctly.
Hope that makes sense?.
Thankyou,
Gary
Hi Ismael,
Thanks for the reply.
I looked for the page id, and found it (id=4017)
so i added this code as you said
.page-id-4017 .main_color {
background: none;
}
but it didnt work
then, i tried this as well (i have no knowledge about css so maybe it doesnt make any sense but i tried…)
.page-id-4017 {
background: none;
}
but i still had the background image.
just to make sure we’re talking about the same thing, i want to hide the custom background image i uploaded but just for this page.
any ideas?
greenmarimo
When I first load the homepage in Firefox, images for the social icons in the header and icons used in Icon Boxes do not show up. If I go to another content page, they appear, and then when I go back to the homepage they are now there.
http://nolamotor.com/
I cleared the cache and tried other suggestions in the Forum but with no results.
Help is greatly appreciated! Thanks, cr
I can’t get the image to work, but their website is here http://www.gohawaii.com/au/
Looking to do something like this background (not the image behind the background) https://www.dropbox.com/s/qcg54jefskgbesq/background%20behind%20content.png
There is a leaf hanging out the side of the background, and also a flower at the bottom of the box.
Also how would I get rounded edges?
Thanks again
Hello Yigit!
I actually have that plugin installed, but if I place a x2 image (for example 200px x 200px) on a page (Via the Avia builder) it actually looks x2 (200px x 200px) on the site..
But what I’m trying to have is a 100px x 100px image.
I know I could do that with the regular wordpress media uploader but I the image would have the nice transition effect left to right…
I think this should be a setting in the Avia builder where you specify that you are uploading a retina image and it compress it to 50% the size.
Thanks!