- This topic is empty.
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
http://pipnee.com/P0818A877
Product without the price
http://pipnee.com/PDCC266E3
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
Serendipity