Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 17, 2019 at 11:47 pm #1068061
    Zak

    Hi,
    I’m using product grid and it seems to make my products all blurry and not taking the layout changes that appears on the default shop page.

    I’m using product grid as I want to make the page a home page as I can’t seem to do it using default shop menus.

    Thanks
    Zak

    February 19, 2019 at 9:41 am #1068848
    Nikko

    Hey Zak,

    Can you give us a link to your site? so we can take a closer look.

    Best regards,
    Nikko

    February 19, 2019 at 10:40 pm #1069140
    Zak

    Hi,

    The first 3 columns are using product grid. It doesn’t look good at all.

    It supposed to look like this. This is the default shop page and how its supposed to look using product grid.

    As you can see it hasn’t took the same layout as the shop default on the product grid.

    Thanks
    Zak

    February 20, 2019 at 3:52 pm #1069499
    Nikko

    Hi Zak,

    In your WordPress Dashboard, go to Appearance > Customize > Woocommerce > Product Images.
    Change Thumbnail width to 400 and save.
    Find, Install and Activate a plugin that regenerates images so all images will be regenerated otherwise you’ll need to re-upload product images again.

    Best regards,
    Nikko

    February 20, 2019 at 11:12 pm #1069727
    Zak

    Hi Nikko,

    Unfortunately, that did not work and I do not want to upload the images as its very time consuming.

    Is their anything I can do to make the Woocommerce menus as my home page? that’s the main aim.
    At the moment the first page that opens up on the website is my blog page. Their is no option on enfold to make the woocommerce menus as my home page.

    Thanks
    Zak

    February 21, 2019 at 4:04 am #1069765
    Nikko

    Hi Zak,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    February 21, 2019 at 9:45 pm #1070110
    Zak

    Hi Nikko,

    The link is provided. Let me know if anything else is needed.

    Thanks
    Zak

    February 26, 2019 at 6:13 am #1071634
    Ismael

    Hi,

    Thanks for the update.

    Another user reported the same issue and the solution that he provided on that thread should help fix the display temporarily.

    // https://kriesi.at/support/topic/blurry-text-on-chrome/#post-1066519

    You need to add this code to disable the default style.

    avia-chrome #top .avia-content-slider, .avia-chrome #top .avia-content-slider-inner {
    perspective: unset;
}

    Best regards,
    Ismael

    February 26, 2019 at 11:51 am #1071722
    Zak

    Hi Ismael,

    That works, Thanks a lot.

    Why does my text colour change to blue when hovering over it in the shop page?
    Can I remove the hover colour and increase the size of the text?

    Thanks
    Zak

    February 27, 2019 at 3:40 am #1072126
    Ismael

    Hi,

    Thanks for the update.

    That is the default hover style of the links. If you want to change it, use this css code.

    div .products .product a:hover {
    color: red;
}

    And add this to change the font size.

    div .products .product a {
    font-size: 20px;
    line-height: 1.4em;
}

    Best regards,
    Ismael

    February 27, 2019 at 11:49 am #1072246
    Zak

    Hi Ismael,

    Thanks for the code but the text size did not work. I changed it using the general styling. The other code does work though.

    One last question regarding code:
    How can I change the colour of my “Check me out” button on the product page to this colour: #ff9900

    Final question. Regarding this code:

    avia-chrome #top .avia-content-slider, .avia-chrome #top .avia-content-slider-inner {
    perspective: unset;
    }
    It’s only temporary right, so does that mean their will be a permanent fix anytime soon?

    Thanks for all the help
    Zak

    • This reply was modified 6 years ago by Zak.
    March 1, 2019 at 3:58 am #1072843
    Ismael

    Hi,

    Are you referring to the product description? Try this code then.

    .woocommerce-product-details__short-description {
    line-height: 1.4em;
    font-size: 20px;
}

    Use this to change the button color.

    div .main_color .cart .button {
    background-color: #ff9900;
    color: #ffffff;
    border-color: #000000;
}

    Yes, an actual fix is going to be included in the next patch.

    Best regards,
    Ismael

    March 1, 2019 at 11:48 am #1073071
    Zak

    Hi Ismael,

    Thanks for all the help.
    Everything is working.

    You can close the thread

    Best Regards
    Zaki

    March 1, 2019 at 11:50 am #1073073
    Yigit

    Hi,

    Glad Ismael could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Product grid looking blurry’ is closed to new replies.