Home Forums WoodMart support forum Move brand logo

Move brand logo

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #101974

    infantdeco
    Participant

    Hello, how to move the brand logo in product page for ejample below the title, because items with long title looks very bad.

    http://prntscr.com/m7euut

    thanks in advance!

    #102002

    Hello,

    Please provide the product URL.

    Best Regards

    #102017

    infantdeco
    Participant

    Hello, i send you private content 🙂

    #102026

    Hello,

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

    body .product-image-summary .woodmart-product-brands {
        float: none;
    }

    Best Regards

    #102035

    infantdeco
    Participant

    Hello, 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/m7j1r6

    did 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 🙂

    #102059

    Hello,

    It is align left now http://prntscr.com/m7ksgi and it is responsive now. The brand cannot be moved under the title.

    Best Regards

    #102149

    infantdeco
    Participant

    hello, 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;
    }

    #102178

    Hello,

    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

    #102187

    infantdeco
    Participant

    Hello, the problem is i can fir it correctly at all, i need that position:
    http://prntscr.com/m7ugvf

    but 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!

    #102234

    Hello,

    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

    #102256

    infantdeco
    Participant

    Hello, 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/m7zad8

    but is not responsive at all for example (using firefox) i get small logo and diferent location:
    http://prntscr.com/m7zcpm

    thanks!

    #102290

    Hello,

    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

    #102393

    infantdeco
    Participant

    Hello, but looks diferent on diferet browsers like “mozilla firefox” looks like that.
    https://prnt.sc/m7zcpm

    smaller logo and not in the right totally, so i think my code is not correct at all.

    thanks!

    #102398

    infantdeco
    Participant

    Hello, 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?

    #102405

    Hello,

    The code is correct. If you are satisfied with the view you can use it.

    Best Regards

    #102406

    infantdeco
    Participant

    alright thanks!!

    #102419

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

    Best Regards

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Move brand logo’ is closed to new replies.