Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 22, 2022 at 12:57 am #1349076
    ArjanDenHaag

    Hello,
    I am working on a web shop, which is still in development. It’s almost done, but fine tuning needs to be set.
    Now, on any product page, the related products (with arrow to click) show up on the left over the left menu. So it’s let’s say showing up ‘over’ the left menu. The right side is ok. I can give login credentials below, I cannot upload a screenshot (which I have made).

    Have you any idea? Thanks in advance!
    With kind regards,
    Arjan

    April 22, 2022 at 1:31 am #1349085
    Nikko

    Hey Arjan,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top.single-product .avia-post-nav.avia-post-prev {
    display: none;
}

    Best regards,
    Nikko

    April 22, 2022 at 3:15 am #1349090
    ArjanDenHaag

    Thanks! Looking better indeed. Just one the right is OK too.
    I still need to learn more CSS..
    Do you know how to change the background of the shop page? It’s now grey (change into #191919). I do know how to inspect the element but not really how to apply :$:$

    Best regards,
    Arjan

    April 22, 2022 at 5:57 am #1349098
    Nikko

    Hi Arjan,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    .woocommerce-shop #av_product_description .av-section-color-overlay {
    background-color: #191919 !important;
    opacity: 1 !important;
}

    You can change the background color.
    Hope this helps.

    Best regards,
    Nikko

    April 22, 2022 at 3:11 pm #1349142
    ArjanDenHaag

    Hi Nikko,

    Thanks!
    And I did not even see it at first, but if you click on a category? Then the background is also still grey. It will be allmost the same code?

    Greetings,
    Arjan

    April 22, 2022 at 4:50 pm #1349160
    Yigit

    Hi Arjan,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#top.archive #av_product_description .av-section-color-overlay {
  opacity: 1;
  background-color: #191919 !important;
}

    Best regards,
    Yigit

    May 2, 2022 at 9:19 pm #1350241
    ArjanDenHaag

    Hello,

    Thanks. All worked so far. :) The website/shop is now online.
    One last question. How can I change the size of the category pictures? And then shown in for example this page? Do I need to make the pictures smaller? As you can see, the picture is not shown correct. Yes, I have googled, but could not find the answer yet.

    Thanks in advance,
    Greetings,
    Arjan

    May 2, 2022 at 9:19 pm #1350242
    ArjanDenHaag

    https://zehavi-gallery.com/product-category/framed-in-black-40×30/
    That’s the link :)

    May 3, 2022 at 5:37 am #1350259
    Nikko

    Hi ArjanDenHaag,

    Thanks for providing the link.
    Please go to Appearance > Customize > Woocommerce > Product Images, then adjust the width as well as the thumbnail cropping and try to re-upload the banner image.
    Hope this helps.

    Best regards,
    Nikko

    May 3, 2022 at 4:26 pm #1350345
    ArjanDenHaag

    Hi,
    Thanks for your reply. I already used those options to change the size of the product images. But changing values there, I do not see any change in the Category image.
    As you can see on https://zehavi-gallery.com/product-category/framed-in-black-40×30/ the most upper image (the Category image) is not shown well.. I do not get it resized with above mentioned options.

    Thanks in advance,
    Greetings,
    Arjan

    May 4, 2022 at 12:26 pm #1350456
    Nikko

    Hi Arjan,

    Please try to add this code in functions.php file:

    function enfold_customization_modify_thumb_size( $size ) {
  $size['entry_without_sidebar'] = array('width'=>1210, 'height'=>560, 'crop' => false);
  return $size;
}

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );

    Then try to either re-upload the banner images or regenerate those images using a plugin.
    Also you can adjust the height and width of the code.
    Hope this helps.

    Best regards,
    Nikko

    May 20, 2022 at 9:38 pm #1352470
    ArjanDenHaag

    Hi,

    Sorry for the late reply. I will look into the latest reply.

    Thanks!
    Greetings,
    Arjan

    May 21, 2022 at 6:28 pm #1352505
    Nikko

    Hi Arjan,

    No problem :)
    Just let us know how it goes.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.