WebsiteBaker Support (2.8.x) > Bakery Shop

Can little images be added to e.g. View Cart?

(1/2) > >>

seanie_morris:
In /bakery/languages/EN.php there is the line:

--- Code: ---$MOD_BAKERY['TXT_VIEW_CART'] = 'VIEW MY CART ITEMS';
--- End code ---

How can I add a little trolley or basket image to it? What are the files for me to look into and try it myself?

Seanie.

jacobi22:
WB-Backend - Bakery -> Page Settings -> Header

feel free to style this part here


--- Code: ---<div class="mod_bakery_main_div_cart_bt_f">
<form action="[SHOP_URL]" method="post">
<input type="submit" name="view_cart" class="mod_bakery_bt_cart_f" value="[VIEW_CART]" />
</form>
</div>
--- End code ---

freeSbee:

--- Code: ---<input type="submit" name="view_cart" class="mod_bakery_bt_cart_f" value="VIEW MY CART ITEMS">
--- End code ---

Or add the icon to the frontend.css style sheet as a background image using the class "mod_bakery_bt_cart_ f".

seanie_morris:
That's what I thought guys, so I have been trying the CSS for the rules in bakery/frontend.css:

.mod_bakery_main_di v_cart_bt_f
.mod_bakery_bt_cart _f
.mod_bakery_bt_add_ f

by even just adding the following to see if it works:

--- Code: ---background-image: url("../images/shopping-cart.png"); **and also adding a direct path link to the image**
background-position: left center;
background-repeat: no-repeat;
text-align: right;
--- End code ---

but no image will display. In fact, the text on the buttons doesn't change position either, and remains centered in their blue boxes. The direct path link will show the image in the browser. Is there a rule overwriting a change in CSS somewhere?

freeSbee:
Yes, as you have already guessed it is overwritten by the

--- Code: ---.form input[type="submit"]
--- End code ---
roule (see /templates/overdrive/css/style.css at line 618).

Use the developer tools of your favorite browser to get more into cascading roules and see what is going on.
https://www.google.ch/search?q=browser+developer+tools

Navigation

[0] Message Index

[#] Next page