Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • September 8, 2023 at 8:30 am #1418422
    pampself

    I am trying to implement this kind of style to my product images
    I want this style for images on my website

    Currently it looks like this:
    current look

    What and where do I need to change codes, can someone please guide me?

    • This topic was modified 1 year, 2 months ago by pampself. Reason: url update
    September 8, 2023 at 10:45 am #1418435
    pampself

    Can someone please help?

    September 8, 2023 at 1:52 pm #1418467
    pampself

    waiting..

    September 9, 2023 at 12:40 pm #1418550
    pampself

    anyone?

    September 9, 2023 at 11:41 pm #1418609
    Mike

    Hi,
    Thank you for your patience, on my demo site the text is below the products like this:
    Enfold_Support_3208.jpeg
    please link to your page so we can examine.

    Best regards,
    Mike

    September 10, 2023 at 5:30 pm #1418656
    pampself

    Thank you mike, private content attached.

    September 10, 2023 at 10:35 pm #1418695
    Mike

    Hi,
    Please include an admin login in the Private Content area so we can be of more assistance in adjusting your settings.

    Best regards,
    Mike

    September 11, 2023 at 4:39 am #1418708
    pampself
    This reply has been marked as private.
    September 12, 2023 at 1:30 am #1418814
    Mike

    Hi,
    Thanks for your patience, to change your product layout I change the setting at Enfold Theme Options ▸ Shop Options ▸ Product gallery to default.
    Please check.

    Best regards,
    Mike

    September 12, 2023 at 8:45 am #1418854
    pampself
    This reply has been marked as private.
    September 12, 2023 at 11:41 pm #1418956
    Nikko

    Hi pampself,

    For the background color of the canvas, please try to add this CSS code in Enfold > General Styling > Quick CSS: (just change the color value as you see fit)

    #top.home .container_wrap_first {
    background-color: white;
}

    To reduce the height, please add this CSS code (and adjust the padding values)

    #top.home .container_wrap_first main.content {
    padding-top: 50px;
    padding-bottom: 20px;
}

    Best regards,
    Nikko

    September 13, 2023 at 6:34 am #1418989
    pampself
    This reply has been marked as private.
    September 13, 2023 at 2:08 pm #1419040
    pampself

    Thanks, I’ve managed to fix the logo issue myself but I’ve separate issue. Asked below

    September 14, 2023 at 9:37 am #1419137
    pampself

    How do I customize cart icon shape and color that appears on top right when a product has been added?
    I want it to float but at the bottom right of the device screen once a product gets added.

    September 14, 2023 at 7:02 pm #1419189
    Mike

    Hi,
    The shop cart button is a woocommerce menu item, you want it removed from the menu and float at the bottom right of the screen?
    I don’t see a way to do that, please try using a plugin like these:
    Floating Cart for WooCommerce
    XT Floating Cart for WooCommerce
    Perhaps there are other options in the WordPress Plugin library, you may need to try them to see if they work with Enfold.

    Best regards,
    Mike

    September 18, 2023 at 9:05 pm #1419506
    pampself
    This reply has been marked as private.
    September 19, 2023 at 6:43 am #1419531
    Nikko

    Hi pampself,

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

    #top .products .avia_cart_buttons {
    background-color: #524e63;
    opacity: 1;
    display: flex;
}

    Best regards,
    Nikko

    September 19, 2023 at 8:16 am #1419535
    pampself
    This reply has been marked as private.
    September 19, 2023 at 8:46 am #1419536
    Nikko

    Hi pampself,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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