Home › Forums › WoodMart support forum › Move brand logo
Move brand logo
- This topic has 16 replies, 2 voices, and was last updated 6 years, 6 months ago by
Elise Noromit.
-
AuthorPosts
-
January 15, 2019 at 10:47 am #101974
infantdecoParticipantHello, how to move the brand logo in product page for ejample below the title, because items with long title looks very bad.
thanks in advance!
January 15, 2019 at 12:32 pm #102002
Elise NoromitMemberHello,
Please provide the product URL.
Best Regards
January 15, 2019 at 1:37 pm #102017
infantdecoParticipantHello, i send you private content 🙂
January 15, 2019 at 2:52 pm #102026
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global
body .product-image-summary .woodmart-product-brands { float: none; }
Best Regards
January 15, 2019 at 3:20 pm #102035
infantdecoParticipantHello, thanks but finally i modified the code for move text to next line, using float left dont work correctly.
solved using that one.
body .product-image-summary .woodmart-product-brands { float: none; width:20%; height:50px; }
and the result:
https://prnt.sc/m7j1r6did you know a way for do that with a responsive code? because my code is not the best option, also will be posible display below product title?
thanks 🙂
January 15, 2019 at 5:16 pm #102059
Elise NoromitMemberHello,
It is align left now http://prntscr.com/m7ksgi and it is responsive now. The brand cannot be moved under the title.
Best Regards
January 16, 2019 at 7:45 am #102149
infantdecoParticipanthello, yes my code is only for desktop version thats why you display it correctly!
but for desktop im using that code.body .product-image-summary .woodmart-product-brands {
float: none;
width:20%;
height:50px;
}January 16, 2019 at 8:44 am #102178
Elise NoromitMemberHello,
You have limited the width and here is the result http://prntscr.com/m7u1vu
On the desktop, the brand is on the right. Then follows the title. The same is on mobile. Please specify what it is wrong. How do you like it look like? I am confused.
Best Regards
January 16, 2019 at 9:13 am #102187
infantdecoParticipantHello, the problem is i can fir it correctly at all, i need that position:
http://prntscr.com/m7ugvfbut i get that white background, i dont know why.
the only way i found for use that position is that.
body .product-image-summary .woodmart-product-brands { float: none; width:17%; height:10px; position:relative; top:-25px; }
how i can hide the white background?
thanks!
January 16, 2019 at 12:42 pm #102234
Elise NoromitMemberHello,
The reason of the white background is the min-height: https://gyazo.com/b983539d69e7c402580899769e2b7f63
While changing the min-height be careful as other brand images may require more height.
Try to add this code:
body .product-image-summary .entry-title{ margin-top:40px; }
Add the code to the Theme Settings > Custom CSS > Desktop
Best Regards
January 16, 2019 at 2:31 pm #102256
infantdecoParticipantHello, i need only show the logo in that position:
google chrome: (i want display the brand like this for all browsers and resolutions in desktop css)
http://prntscr.com/m7zad8but is not responsive at all for example (using firefox) i get small logo and diferent location:
http://prntscr.com/m7zcpmthanks!
January 16, 2019 at 4:25 pm #102290
Elise NoromitMemberHello,
You page looks like this now http://prntscr.com/m815xh
It is on the right. On all the devices. No white background on the title.
Best Regards
January 17, 2019 at 7:55 am #102393
infantdecoParticipantHello, but looks diferent on diferet browsers like “mozilla firefox” looks like that.
https://prnt.sc/m7zcpmsmaller logo and not in the right totally, so i think my code is not correct at all.
thanks!
January 17, 2019 at 8:40 am #102398
infantdecoParticipantHello, now im using:
body .product-image-summary .entry-title{ margin-top:40px; } body .product-image-summary .woodmart-product-brands{ margin-left:-10px; float: none; position:absolute; top:-25px; }
and seems now is working good, anyway no seems the correct code at all, any sugestion?
January 17, 2019 at 9:02 am #102405
Elise NoromitMemberHello,
The code is correct. If you are satisfied with the view you can use it.
Best Regards
January 17, 2019 at 9:03 am #102406
infantdecoParticipantalright thanks!!
January 17, 2019 at 10:10 am #102419
Elise NoromitMemberYou are welcome! If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
The topic ‘Move brand logo’ is closed to new replies.
- You must be logged in to create new topics. Login / Register