I am trying to implement a back-to-top button with js in bootstrap 4 using the fontawesome icon-set. A week ago it worked perfectly, but ever since I changed a few other things on the site it stopped working. It is…
I've got a basic nav-tabs in Twitter Bootstrap and I've got an image after all of my tabs, that I'd like to float right. I've tried modifying its float, text-align, and other attributes, and even the pull-right class as mentioned…
something strange is happening in my css. I'm working on a custom view for the Quantity Box on a WooCommerce product page. It renders fine on Chrome Developer tools for both mobile/desktop but when I look on my actual phone…
Is there a way (maybe via functions.php) to change the product-image in woocommerce shops (archive page) on hover with the first attached gallery image of the product? I cannot find how to target both. I guess it must be sth…
I have recently built out my store (whitewolf.co.za) with Shopify and installed an app that automatically switches the currency from my native currency (ZAR) to basically any other currency I select (USD, EUR etc). I have the currency converter positioned…
I have two divs (with different background color) and an image. I want to make the two divs would be the background of the section and put an image on top of these two divs but on the left hand…
I am trying to make the title, that has it's own CSS class bold. However, also the children are getting the style. Code: <ul class="product-categories"> <li class="cat-item cat-parent"> <ul class="children"> <li class="cat-item">...</li> <li class="cat-item">...</li> <li class="cat-item">...</li> </ul> </li> <li class="cat-item">...</li>…
I'm trying to correctly inject api's data into a html table, with jquery. What I'm missing, is the syntax to create recursively an id to a "tr" like that : <tr id=...></tr> in order to inject a row of data.…
I am using CSS Flex Box to display the items in my woocommerce shop on MOBILE view. http://www.crussh.com/shop/ In the outer box I have the following css @media screen and (max-width: 768px) #wpv-view-layout-16231-TCPID16485 { display: flex; justify-content: space-between; align-items: stretch;…
I have this function and I want to add next to the product price. I used get_price_html() and $price = $product->get_price_html function woocommerce_template_loop_product_title() { echo '<h4 class="woocommerce-loop-product__title">' . get_the_title() . '</h4>'; } Current Output Desired Output