Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 18, 2022 at 6:04 pm #1345130
    Art_Discovery

    Hi
    In a previous thread you gave me the following code to format the product purchase button for subscription product only:
    #top.single-product .price span.woocommerce-Price-amount,
    #top.single-product .price span.woocommerce-Price-currencySymbol {
    font-size: 20px;
    color: white;
    }

    #top.single-product #subscription_product_id > .av-woo-purchase-button.avia-builder-el-last {
    text-align: center;
    }

    This worked fine but since last them update the div content no longer centers. Please advise – can not find anything in the changelog that wouldve affected it.?

    Many thanks

    March 18, 2022 at 8:04 pm #1345148
    Rikard

    Hey Art_Discovery,

    I’m not sure exactly what you are looking to change on the page you linked to, could you try to explain your intentions a bit further please? If you are a screenshot highlighting what you would like to achieve, then please share that with us.

    Best regards,
    Rikard

    May 11, 2022 at 2:46 pm #1351379
    Art_Discovery

    Hi -Please see screenshot in private content.
    Thanks

    May 11, 2022 at 3:07 pm #1351383
    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.single-product .av-woo-purchase-button {
  text-align: center;
}

    Regards,
    Yigit

    May 11, 2022 at 3:11 pm #1351384
    Art_Discovery

    Hi I’ve managed to get this to work by removing:

    .avia-builder-el-last
    from the code, however does this mean other products will be affected?

    May 11, 2022 at 3:21 pm #1351390
    Yigit

    Hi!

    Please use the code as following instead 

    .single-product #subscription_product_id .av-woo-purchase-button {
  text-align: center;
}

    Edit: No, only buttons inside column section with “subscription_product_id” ID will be affected

    Regards,
    Yigit

    • This reply was modified 2 years, 7 months ago by Yigit.
    May 11, 2022 at 5:34 pm #1351415
    Art_Discovery

    Great – many thanks Yigit

    May 11, 2022 at 6:09 pm #1351421
    Yigit

    Hi,

    If you would like to limit the code to that product only, you can use the code as following

    .single-product.postid-3491 #subscription_product_id .av-woo-purchase-button {
  text-align: center;
}

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘woo Product purchase button in avia’ is closed to new replies.