Home › Forums › WoodMart support forum › show brands logo in the horizontal line

show brands logo in the horizontal line

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 14, 2020 at 5:01 pm #218776

    Majid313
    Participant

    Hi! i got this code for having brand logos horizontal,and its working perfect.
    but i need little space btw them, and i need to show them (brands-logo) little bigger also!
    -link: https://snuskompaniet.one/product/xr-xrange-catch-hallon-lakrits-slim-white/

    code:

    .single-product-page .woodmart-product-brands {
    display: flex;
    flex-wrap: wrap;
    }
    .single-product-page .woodmart-product-brands img {
    max-width: 60px;
    }

    Attachments:
    You must be logged in to view attached files.
    August 15, 2020 at 7:44 am #218882

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    @media (max-width: 767px) and (min-width: 577px){
.single-product-page .woodmart-product-brands img {
    max-width: 100px; 
	  display:inline-block;
	  margin-left:30px;
}
}

    Best Regards

    August 15, 2020 at 7:57 am #218888

    Majid313
    Participant

    Thanks but it had no effect! didn’t happen anything.

    August 15, 2020 at 8:01 am #218896

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    August 15, 2020 at 8:18 am #218902

    Majid313
    Participant

    sure here you go. thanks

    but pls take a look at the result in this product: (ONLY MOBILE)

    https://snuskompaniet.one/product/xr-xrange-catch-hallon-lakrits-slim-white/

    regards

    August 15, 2020 at 1:14 pm #218947

    Elise Noromit
    Member

    Hello,

    Now it has been fixed. https://prnt.sc/u01z6t

    Best Regards

    August 15, 2020 at 2:02 pm #218956

    Majid313
    Participant

    Thanks it looks fine in mobile landscape, but its strange cus i dont see effect in mobile yet. i removed casch and tried in different mobiles :/.

    August 15, 2020 at 2:03 pm #218957

    Majid313
    Participant

    OBS! new problem in landscape is: space btw them in horizontal is fine but some times it shows in 2 lines and vertical is still steack to eachother. i mean i need the same space vertickaly also

    Attachments:
    You must be logged in to view attached files.
    August 15, 2020 at 3:56 pm #218972

    Elise Noromit
    Member

    Hello,

    Remove the code to the Theme Setigns > Custom CSS > Desktop.

    Then copy the code and insert into the Theme Setigns > Custom CSS > Mobile, and reduce or remove the value in this line: margin-left:30px;

    Best Regards

    August 15, 2020 at 4:32 pm #218980

    Majid313
    Participant

    ooo PERFECT,
    it needed margin-top also, i added it.

    `.single-product-page .woodmart-product-brands {
    display: flex;
    flex-wrap: wrap;
    }
    .single-product-page .woodmart-product-brands img {
    max-width: 66px;

    margin-left:2px;
    margin-top:2px;

    }

    thank u it worked fine. can i just have it after title? sorry i took ur time:)
    if just i have it after title i think will be finish.
    if u take asee attachment u get i mean. thanks

    REGARDS

    Attachments:
    You must be logged in to view attached files.
    August 15, 2020 at 5:47 pm #218996

    Elise Noromit
    Member

    Hello,

    HTML structure does not allow solving it by custom CSS. Such modification requires complicated Woocommerce code customization which is not covered by our support.

    Best Regards

    August 15, 2020 at 8:07 pm #219010

    Majid313
    Participant

    Ok
    Anyway thank you very much.
    Have a nice time

    August 16, 2020 at 9:36 am #219047

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘show brands logo in the horizontal line’ is closed to new replies.