Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#196372

Hi there,

I was wondering how I would go about adding, changing or removing the bootstrap / font awesome icons from bookshop.

I would like to use the cart icon for the mijoshop cart module and I would also like to change the icons for the modules in the top bar. Any help will be gratefully appreciated.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#529497

Could you post your site’s URL here and send me the screenshot highlighting the icon you want to change? I will have a look. Also set Optimize CSS in template manager to No.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#530009

<em>@Saguaros 419898 wrote:</em><blockquote>Could you post your site’s URL here and send me the screenshot highlighting the icon you want to change? I will have a look. Also set Optimize CSS in template manager to No.</blockquote>

I have sent you pm as the site is in maintenance mode so you need login info.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#530309

Could you check the login info again? I could not access your site with such credentials.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#531750

<em>@Saguaros 420963 wrote:</em><blockquote>Could you check the login info again? I could not access your site with such credentials.</blockquote>

Hi Saguaros,

Just checking on an update, I sent you the login + ftp

Could I use something like fa-fa-icon icon-cart in the module class suffix?

Thanks,
Richard

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#531849

Hi Richard,

You can add the class: fa fa-shopping-cart into module class suffix option in that Mijoshop cart module (Remember to add a space before the class name).

Best,

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#531910

<em>@Saguaros 422944 wrote:</em><blockquote>Hi Richard,

You can add the class: fa fa-shopping-cart into module class suffix option in that Mijoshop cart module (Remember to add a space before the class name).

Best,</blockquote>

Hi Saguaros,

The module class suffix works, but the icon is placed at the top of the module see image below.

I tried a few things with firebug but couldn’t seem to find the bit I needed to edit, I was wondering if you’d be able to help me out with the position of the icon?

Thanks for all the help,
Richard

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#531915

That block position is so small, could you send me screenshot to illustrate how it should be?

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#531933

<em>@Saguaros 423022 wrote:</em><blockquote>That block position is so small, could you send me screenshot to illustrate how it should be?</blockquote>

Hi Saguaros,

It should be on the left hand side of the module text, like all the other modules see the screenshot below.

Thanks,
Richard

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#532050

Try to create a new CSS file called custom.css in this directory: /templates/ja_bookshop/css/

and add this new CSS rule:


.fa-shopping-cart:before {
float: left !important;
padding: 10px 6px;
}


you can also change the value to suit your need.

1 user says Thank You to Saguaros for this useful post

1. gringo211985

[Author]

Posts