[Solved] Mini cart customization

  • Posts: 15
  • Thank you received: 0
10 years 8 months ago #184758

-- url of the page with the problem -- : sookdev.freesite.host/
-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.6
-- Browser(s) name and version -- : chrome

Hi,

Exactly which file/code do i need to modify to change the font size of the mini cart total. I was able to change the text color with the CSS file as the mini-cart total is associated with checkout total. However, I was not able to locate the font size for mini cart display which is located in the module.

Also, I would like to insert a space between mini cart total and the "proceed to checkout" button. Please see the attached image. Can this be done within the same file?

Attachments:
Last edit: 10 years 8 months ago by jwatson912.

Please Log in or Create an account to join the conversation.

  • Posts: 2143
  • Thank you received: 747
10 years 8 months ago #184767

It's all possible with CSS, no view edition required.
You may want to try the following CSS. It'll adjust the mini cart total to be identical with the "X item for" text and add some space behind it. Of course, you may adjust details to your liking:

.hikashop_small_cart_total_title .hikashop_product_price {
    font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
    font-size: 15px !important;
    color: #59c3d4;
    margin-right: 10px;
}


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
The following user(s) said Thank You: jwatson912

Please Log in or Create an account to join the conversation.

  • Posts: 2143
  • Thank you received: 747
10 years 8 months ago #184768

Just looking again and thinking... for a more uniform alignment and overall appearance you may also want to consider adding this:

#rt-header .hikashop_cart {
    text-align: right;
    margin-right: 10px;
}

It'll right-align the entire mini cart in the header, just like the search field below.
Hope it helps.


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
The following user(s) said Thank You: jwatson912

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
10 years 8 months ago #184761

Hello,
Using some CSS code like this will probably do the job :

a.hikashop_small_cart_checkout_link {
margin-right: 10px;
}
.hikashop_small_cart_total_title .hikashop_product_price {
font-size: 17px !important;
}

The following user(s) said Thank You: jwatson912

Please Log in or Create an account to join the conversation.

Time to create page: 0.076 seconds
Powered by Kunena Forum