Home Forums Basel support forum Align product title and price

Align product title and price

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #414799

    ivanbangbus
    Participant

    Hi, I’d like to have title and price aligned to centre but using your css it’s doean’t works… now I’ve usin “CSS1” in the list below. Titles come centered but not the price!

    Can you help me please?
    Best Regards
    Ivan

    Attachments:
    You must be logged in to view attached files.
    #414839

    Elise Noromit
    Keymaster

    Hello,

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

    .basel-hover-alt.purchasable .price, 
    .basel-hover-alt.product-type-grouped .price, 
    .basel-hover-alt.product-type-external .price {
        text-align:center;
    }

    Best Regards

    #414918

    ivanbangbus
    Participant

    Hi,
    unfortunately your new css doesn’t works,
    I attach image to explain what happen / what I’d like to have.

    If you want I can give you WP access
    BR
    Ivan

    Attachments:
    You must be logged in to view attached files.
    #415112

    Elise Noromit
    Keymaster

    Hello,

    Please replace the provided code with this one:

     body .basel-hover-alt .wrap-price {
        justify-content: center;
    }
    body .basel-hover-alt.purchasable .product-title{
    text-align:center;
    }

    Best Regards

    #415496

    ivanbangbus
    Participant

    Hi Elise, thanks.
    Your CSS works but not completely, some product looks aligned, some not…
    I attach screenshot to explain better

    Best regards
    Ivan

    Attachments:
    You must be logged in to view attached files.
    #416018

    Elise Noromit
    Keymaster

    Hello,

    Please provide the page URL with this problem.

    Best Regards

    #416097

    ivanbangbus
    Participant

    Hi Elise,
    is the shop page here:
    https://mostskincare.com/negozio/
    Some products are aligned, some not…

    BR
    Ivan

    #416273

    Elise Noromit
    Keymaster

    Hello,

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

    .basel-hover-alt.purchasable .price, .basel-hover-alt.product-type-grouped .price, .basel-hover-alt.product-type-external .price {
        margin-bottom: 0;
        text-align: center;
    }

    Best Regards

    #416441

    ivanbangbus
    Participant

    Hi Elise, thanks.
    Desktop version works well,
    mobile versione not… have a look from mobile:
    https://mostskincare.com/negozio/
    All the variable product are not centre aligned.
    I attach image

    Attachments:
    You must be logged in to view attached files.
    #416839

    Elise Noromit
    Keymaster

    Hello,

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

    @media (max-width: 768px){
    .basel-hover-alt.purchasable .wrapp-swap, .basel-hover-alt.product-type-grouped .wrapp-swap, .basel-hover-alt.product-type-external .wrapp-swap {
        overflow: visible;
        margin: 0 auto;
    }
    }

    Best Regards

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