Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 20, 2020 at 5:09 pm #1214719
    fcp

    Hi,

    Mike helped me to create an icon list on all pages of my e-shop in this thread:
    https://kriesi.at/support/topic/add-icon-list-on-all-pages-of-my-website-including-product-page/

    Everything works fine but I only noticed a tiny issue…
    The appearance is ok on all pages (see screenshot 1), but not on My Account and Shopping Cart pages (see screenshot 2).
    How could I fix this?

    If needed, you can find a link and credentials to my website in private content.

    Thanks a lot!

    May 23, 2020 at 10:17 pm #1215592
    Yigit

    Hey,

    Please find following code in Style.css file of your child theme

    #icone-livraison {
    width: 380px;
    margin-left: 50px;
    margin-top: 45px;
    margin-bottom: 0;
    display: inline-flex;
    justify-content: space-around;
}

    and change “margin-left” value to “49” :)

    Best regards,
    Yigit

    May 24, 2020 at 2:22 pm #1215762
    fcp

    Hi Yigit,
    Thanks for your reply.
    What do I need to add before this code, to apply it ONLY to WooCommerce pages (My Account, Shopping Cart and so on)?
    Thanks a lot!

    May 25, 2020 at 5:16 am #1215950
    Jordan Shannon

    Hi,

    The link above for the site is not loading for me.

    Best regards,
    Jordan Shannon

    May 25, 2020 at 12:05 pm #1216091
    fcp

    Hi Jordan,

    I’m sorry I don’t know what happened..
    Everything seems to be ok now.
    Could you please try again?

    Thanks!

    May 26, 2020 at 5:35 pm #1216550
    fcp

    Hi,
    Please find new credentials in private content.
    Waiting for your help.
    Thanks a lot!

    June 2, 2020 at 10:30 am #1218718
    Ismael

    Hi,

    Sorry for the delay. You have to adjust the width of the icon containers on smaller screens or replace the current width value with relative length units (32%) instead of absolute (380px).

    @media only screen and (max-width: 1366px) {
    #icone-livraison {
	width: 32%;
	margin-left: 1%;
    }
}

    Best regards,
    Ismael

    June 2, 2020 at 11:24 pm #1218876
    fcp

    Hi Ismael,
    Thanks for your reply.
    So I tried to replace the current width value with relative length units and now my code is:

    #icone-livraison {
width: 32%;
margin-left: 1%;
margin-top: 45px;
margin-bottom: 0px;
display: inline-flex;
justify-content: space-around;
}

    But I still don’t understand why alignment is different between “classic” pages and WooCommerce pages (Shopping cart page, My Account page and so on…). That’s the reason why I asked before how to apply other values to WooCommerce pages ONLY.

    I made a screenshot of what I mean in private content.
    Where does this issue come from and how could I fix this?

    Thanks a lot!

    June 4, 2020 at 7:57 pm #1219530
    Yigit

    Hi,

    Not really sure why but on pages such as Cart, Checkout and My Account, there was whitespace between columns. So I deleted the space between shortcode tags in Functions.php file and that helped.
    You can set width to 32.3% and it should align correctly on all pages :)

    Best regards,
    Yigit

    June 4, 2020 at 9:18 pm #1219557
    fcp

    Hi Yigit,
    No need to set width. What you did is enough to do the trick.
    Thank you very much for your help! ;-)

    June 4, 2020 at 9:42 pm #1219563
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Add icon list on all pages’ is closed to new replies.