The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Stupid buttons are driving me Crazy

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #195046

    So I am at the point of giving up and throwing the laptop through the window and I am hoping that some wonderful CSS genius can help save my sanity.

    I am running two plugins, each with their own styling that create two buttons on my wordpress woocommerce product page. Button a) is Wishlist button b) is add to quote.

    They are both called from seperate files etc so editing the file html would be a nightmare (due to updates and them being called through the PHP)

    However I can’t get the CSS to play nice to have these buttons sit side by side.

    The ‘wishlist’ button is affected if a price is shown next to the options, however the ‘add to quote’ button isn’t. As I have a mixture of products, some show the price some don’t, no matter what I do to the styling the button placement looks different depending on the product.

    Product with price

    Product without the price

    Custom CSS I have entered that overwrites existing css

    (quote button)
    .addquotelistlink {position: relative; float:left; padding-top: 0px;width: 100px;margin-top:-31px;}

    (wishlist button)
    #wl-wrapper.wl-button-wrap { position:relative; float:left; width: 100px;padding-top: 20px; 0px;padding-bottom:0px; clear: left; margin-left:120px;}

    Any Ideas on how to solve this through css without editing the html would be greatly appreciated as I am officially stuck!!

    Many Thanks


Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.