Hello.
I want my page to have a maximum width of 1600px. (changing in settings don¨t work, I have fixed box layout)
I entered this code, which workes in quick css for body:
html.html_av-framed-box{
max-width: 1600px;
background-color: #f2f2f2;
margin: 0 auto;
}
I entered this code for header:
.html_header_top.html_header_sticky #header {
position: fixed;
max-width: 1540px;
}
The only problem is that that header don¨t work because of a style in enfold system telling header to be left:0; . How can I remove this css code from you css? or overwrite it?
Hi,
it seems as though a recent update to LayerSlider and/or Enfold has caused an issue with links which were previously applied to the whole slide using LayerSlider’s ‘Slide Linking’ option:
The links now appear to be set only on the background of the slide but are ‘ignored’ by any layer elements which appear on the slide, i.e. you can click on an area without text or image but text/images are not clickable/linked.
I’ve tried clearing browser cache and WordPress page cache.
Is there a setting I’m missing or is there some kind of bug?
A second, older issue I’ve been unable to solve for a while now (I can create a second topic if preferred) is to have a linked image within the ‘Copyright’ section of the theme.
I’m using the following HTML in the ‘Copyright’ field and image displays but can’t see why it’s not linked:
<center><a href="http://example.com/"><img src="https://example.com/logo.png" width='100' /></a></center>
Any assistance appreciated.
Hi
Thanks for your help.
It works OK on desktop but on a mobile the button is over the top of the logo, is there a way to make the button appear underneath the logo on mobiles?
Regards
Kenny
Hi !
A couple of questions please !
I’m using a enfold child theme.
1 – Blog posts title & Avia Builder
When I use Avia Layout Builder to create my blog posts, I need to add social share buttons and featured image manually. Ok ! Fine !
But is there an issue to display automatically the title, the category and the date in the top of the page like single post without Avia Builder ?
2 – Widget Latest Portfolio in sidebar
I search an issue to display off the date and hour. What is the good file to update ?
3 – Sidebar only on blog single post
With the listbox 3 on sidebar configuration (theme option) : I put sidebar on right.
On blog single post, i have a sidebar (yes !). On portfolio entry, I have a sidebar too (very bad).
If i put no sidebar : On blog single post, i don’t have a sidebar (bad!). On portfolio entry, I don’t have a sidebar too (yes).
I just want a sidebar on blog single entry but not on portfolio entry. Is that possible ?
Thanks a lot !
-
This topic was modified 8 years, 11 months ago by
Gleechme.
Topic can be closed. Solved the problem by adding icon
Hi,
Ok figured it out. First remove the thumbnail function and create your own:
add_action( 'after_setup_theme', 'remove_thumbnail_enfold', 0 );
function remove_thumbnail_enfold($asdf) {
remove_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail' );
}
add_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail_custom', 10);
function avia_woocommerce_thumbnail_custom()
{
global $product, $avia_config;
$rating = $product->get_rating_html(); //get rating
$id = get_the_ID();
$size = 'shop_catalog';
echo "<div class='thumbnail_container'>";
echo avia_woocommerce_gallery_first_thumbnail( $id , $size);
echo get_the_post_thumbnail( $id , $size );
echo "<div class='middle'><div class='hover'><img src='http://domain.com/link-to-your-image.png'></div></div>";
if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";
if($product->product_type == 'simple') echo "<span class='cart-loading'></span>";
echo "</div>";
}
Then in CSS:
.attachment-shop_catalog {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
.middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}
.thumbnail_container:hover .attachment-shop_catalog {
opacity: 0.3;
}
.thumbnail_container:hover .middle {
opacity: 1;
}
Thanks for the info. I have written them, because it ruins my preview experience entirely. When I view changes in my page there is now a big blue banner at the top of the page I cannot get rid of, unless I log out of the session and view the page without being logged in. I will keep complaining to them, because this is unacceptable.
I applied the fix Nikko gave but now the menu does not stop at the end of the menu, it continues on overlapping the content on the page.
Hi team,
We got updated and the phone info text getting squeezed down below when window set to “laptop” or “pad” sizes.

I tried edit CSS in Child style sheet but with no luck! Need to expand the padding.
Regards
Dave
-
This topic was modified 8 years, 11 months ago by
Dave.
RobertoGuest
Good Morning,
I posted a thread on your forum to obtain assistance on an issue of my website.
Unfortunately no one is replying, hat can I do?
I mean, I paid 80$ to buy on them with post purchase assistance, but now I’m completely alone.
This is the post: https://kriesi.at/support/topic/setting-aspect-of-product-grid-woocommerce-enfold/#post-765668
Best regards,
Rd
Hi,
We are having issues with incorrect average review calculation schema markup, when multiple reviews are submitted to single product page.
The itemprop=”aggregateRating” is missing therefore Google index does not recognise reviews in search.
Could you please let me know how add itemprop=”aggregateRating” to the WC.
Similar issue described can be found here: https://community.theme.co/forums/topic/aggregate-rating-not-showing-in-google-structured-data-testing-tool/
Structured data tool analysis here: https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fwww.tfix.co.uk%2Fproduct%2Fplaystation-4-hdmi-port-repair-replacement%2F
Link with reproduced error here: https://www.tfix.co.uk/product/playstation-4-hdmi-port-repair-replacement/
Hi!
You have to modify the config-templatebuilder > aviashortcodes > product_snippet_button.php file. If you don’t want to modify the file, just use the following hooks.
// woocommerce_before_add_to_cart_button
// woocommerce_after_add_to_cart_button
Example:
// https://kriesi.at/support/topic/product-page-star-rating-under-cart-button/#post-94392
// https://kriesi.at/support/topic/how-to-show-product-price-on-product-detail-page/#post-87571
Cheers!
Ismael
Hi!
It’s loading very slowly because the images are not optimize. I checked one of the images and it is nearly 1MB. Most slider images can be sized down to less than 200KB.
// https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.ferienhaus-wegener.de%2F&tab=desktop
Please resize and compress the images. For more info, please read this short article.
// http://kriesi.at/archives/4-key-wordpress-image-optimization-tips
Best regards,
Ismael
Hi Joachim,
Thanks for the feedback. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Sometimes, another rule may be replacing this rule, so, try to use the !important after the rule, like this:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header.header-scrolled {
position: fixed !important;
}
}
Best regards,
John Torvik
My site http://rossdawson.com/ is working well on web and most mobile.
However it is not working correctly on Samsung S6 and S7, and possibly some other phones, though it is fine on many phones.
On the Samsungs the images at the top are missing, so the screen looks blank, the navigation hamburger is missing. We have tried a number of things but still not working – how can we fix that?
Hi,
In a nutshell, I implemented your code and tested it by removing the API key for google api in the enfold admin panel. Doing that stops my maps from working.
Isn’t that the purpose of the filter? It will disable the google map api hence disabling the google map element and removing the conflict from another source such as a plugin.
Best regards,
Ismael
Now it scrolls. But it scrolls all the way through the page and doesn’t stop at the bottom of the menu list as supposed to.
Hey Fiorilla,
I have checked it and I don’t see the white margin on top and also I don’t see it getting cropped based on the logo uploaded on the site (logo image used in private content as well as screenshot on my end).
Best regards,
Nikko
Hi,
You can do this by adding 2 menu items for Find Your Home (one to show on desktop and hidden on mobile, the other one shows on mobile and hidden on desktop). To add class on menu item, check this post: http://presscustomizr.com/snippet/adding-css-classes-wordpress-menu/
On you desktop link put this class show-desktop and for mobile show-mobile. Then add this css code in Quick CSS (located in Enfold > General Styling):
.show-mobile {
display: none !important;
}
@media only screen and (max-width:767px) {
.show-mobile {
display: block !important;
}
.show-desktop {
display: none !important;
}
}
Hope this helps :)
Best regards,
Nikko
Hi Ismael,
My client is having a similar issue with his Google Merchant feed with the following :
"Your item's landing page is missing microdata for the item's condition"
Is there an update to this.
We have just implemented the following method:
https://wordpress.org/support/topic/how-to-add-missing-microdata-for-condition-to-products/
`<meta itemprop=”url” content=”https://www.domain.com/shop/product”>
<meta itemprop=”itemCondition” content=”http://schema.org/NewCondition”>`
and also ready through the link
https://feedarmy.com/kb/google-shopping-missing-microdata-for-condition/
However feedarmy suggest that the micodata be contained within an “offer”
`<div itemscope itemtype=”http://schema.org/Product”>
<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”>
<meta itemprop=”itemCondition” itemtype=”http://schema.org/OfferItemCondition” content=”http://schema.org/NewCondition” />
</div>
</div>`
Enfold Scheme markup does not follow this method.
<meta itemprop="itemCondition" content="http://schema.org/NewCondition">
VS
<meta itemprop="itemCondition" itemtype="http://schema.org/OfferItemCondition" content="http://schema.org/NewCondition" />
the last one includes “OfferItemCondition”
so I have implement this using the wordpress.org method.
However it would be great to get feedback from support as to a Hook or filter to properly implement changes to this theme > enfold > includes > helper-markup.php from the child theme.
Interesting article: https://longren.io/add-schema-org-markup-to-woocommerce-products/
I also can’t find any official feedback from woo commerce regarding microdata – I know this is not the right place to comment – but why is “itemCondition” standard with woocommerce ?
Hi,
For some reason, there`s a vertical-align in the .av-layout-tab, so, to fix this, just add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
.av-layout-tab {
vertical-align: top !important;
}
Best regards,
John Torvik
Hi,
Please edit your page and click “Opções de Tela” on the top right corner and check “Campos personalizados” then scroll down on your page and make sure “Header” is set to “yes”
Best regards,
Yigit
Hi,
In your other topic I asked if you could share admin info so we can log in a solve your issues. That would apply for this one as well.
Best regards,
Jordan Shannon
Hi,
Apologies, please add this to quick css:
span.onsale{
position: absolute!important;
top: -40px !important;
right: 108px !important;
}
Best regards,
Jordan Shannon
Hi,
Would you be able to provide login info so we can make the proper adjustments to the slider. I also noticed you had a 2nd topic up regarding this site and we can use it to solve that issue as well.
Best regards,
Jordan Shannon
sorry i meant move to top, not remove ;)
I ended up finding an easier solution than editing the JS:
.avia-fullscreen-slider .avia-slideshow>ul>li {
height: calc(100% - 250px) !important;
margin-top: 250px !important;
}
I can’t directly answer your question (although I don’t think you can do this without server-side software sensing what client is accessing the site) but I can say that I’ve done this sort of thing by creating sections on the same page where one only displays above a given width and the other only displays below that given width. The first section includes the fancy desktop version while the second section includes the simplified version. You might give this a try. I’ve had to do this with sliders that looked horrible on mobile.
Hope this helps…