Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 16, 2025 at 7:35 am #1475215
    bemodesign

    Hello,
    Can you get me CSS code or help me fix the Product image on this page attached? I basically need a way to show my product on 1/2 page column. Right now, as you can see, the photo is really blurry because it looks blown up. Can you help?

    Thanks!!!

    January 16, 2025 at 5:05 pm #1475238
    Rikard

    Hey bemodesign,

    We can’t make the actual image larger using code unfortunately, could you try uploading a larger version of the image maybe?

    Best regards,
    Rikard

    January 16, 2025 at 7:14 pm #1475253
    bemodesign

    The image is 1030X1030. But it is being pulled from the product and then “blown up”. This is making it blurry. Is there another way besides this last code that was used below?
    I just need a way to display 1 featured product in a larger format than the standard Woocommerce size. If you have 1 product, the size is very small and I want to show the product larger.

    Here is the existing code that makes it larger, but pixelates it.

    .page-id-91 .shop_columns_3 .products .product {
    width: 100%;
    }

    January 16, 2025 at 10:07 pm #1475257
    bemodesign

    And sorry, off topic, but what is the code to underline all text links on the website. But not the buttons. thanks

    January 17, 2025 at 6:38 am #1475268
    Ismael

    Hi,

    Thank you for the update.

    We have selected a larger version of the product image in the Product Grid’s Styling > Image Size settings.

    To underline all links in the site, please add this css code:

    #top #main a {
    text-decoration: underline !important;
}

    Best regards,
    Ismael

    January 17, 2025 at 6:39 pm #1475309
    bemodesign

    That seems too easy. Ha. Thank you.

    And the Underline link code you sent underlines everything. I just need it to underline the body copy text and not buttons and Headlines

    January 18, 2025 at 2:35 pm #1475345
    Mike

    Hi,
    Try this instead:

    #top #wrap_all #main .template-page h1.markdown a,
#top #wrap_all #main .template-page h2.markdown a,
#top #wrap_all #main .template-page h3.markdown a,
#top #wrap_all #main .template-page p.markdown ~ h3 a{
	 text-decoration: none !important;
}
#top #main .template-page .avia_textblock :not(h1,h2,h3) a:not(.avia-button) {
    text-decoration: underline !important;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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