Checkout Font type and sizes

  • Posts: 26
  • Thank you received: 3
1 year 9 months ago #348897

-- url of the page with the problem -- : 3Dcreations.uk
-- Joomla version -- : J4

Hello,

Two parts to this post. Firstly, how do I change the font in the cart so it is all the same? The Shipping font and size is too big and doesn't match the rest of the cart. How do I make the font 'Tahoma' throughout and the size all the same? (The shipping font is too large as the '£' sign sits above the actual price.

I saw this answer to another post and I have tried to work through the problem with no luck - basically I'm not sure what to do! I don't want 'each' to appear anywhere in the shop):

"2: How can you delete the word each?"
You can use your browser inspector tool, point your element you want to edit, then right-click => Inspect (or inspector tool).
You will see a new window, that will display the html in order to get the correct element class.
Then write something like this :
html_container.class html_element.class {
display: none;
}

Many thanks.

Simon

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 9 months ago #348911

Hello,

1. You have to create the good selector, meaning written well enough to target all the elements you will need to modify.
And you can increase your command priority by using the "!important".
Example :

p.required_text_class,
span.with_text_class,
etc... {
    font-family: Tahoma !important; // hors else
    font-size: 1.1em !important; // 
}

2. The most simple ways will be to create an language file override, see this documentation .
Here, you have to find the key "PER_UNIT" and remove the value to have this :
PRICE_SEPARATOR="<br/>"
PER_UNIT_AT_LEAST_X_BOUGHT=" per unit for buying at least %s"
PER_UNIT=" each"

Regards

Last edit: 1 year 9 months ago by Philip.
The following user(s) said Thank You: simonlindsay

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

  • Posts: 26
  • Thank you received: 3
1 year 9 months ago #348921

Hi Philip,

Thanks for the response.

I've changed the 'each' issue in point 2 via the language file override.

In point 1, I'm sorry, I don't understand how to action the answer you have given. Where do I put the code? Do you have a doc that could explain this to me in simple language?

Many thanks.

Simon

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 9 months ago #348924

Hello,

The idea is to add your own Css command in order to change text properties.
Here , you will have an example of how to add your own custom Css.
And now some advice to create a good css command, and the point is the to have a good selector.
So, how to build high priority css command ?
1. First the minimum necessary to function properly :[/b]
Check that your selector is well written, good class (or Id) html and no mistake or typo
If your command is visible in your browser inspector tool, but is overridden (css command crossed out), then his priority isn't strong enough.

alt


2. Now, some css priority system explanation :[/b]
From less to the highest priority :
.html_class_element {command: value}
.html_class_module .html_class_element {command: value}
.html_class_page .html_class_module .html_class_element {command: value}
.html_class_page .html_class_module .html_class_element {command: value !important;}

Note, that if 2 css commands have strictly the same selector, then the last written in the css file will be the one used.
Learn more, here about selector and see more about text command, it's here .

Regards

Last edit: 1 year 9 months ago by Philip.

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

  • Posts: 26
  • Thank you received: 3
1 year 9 months ago #348959

Hi Philip,

I spent all last night and the whole of today and I cannot get a grip on solving this issue. I am struggling to even find the css codes relating to the shipping size and fonts, so I am going to have to let it ride. I may come back to this issue when I have some free time.

Thanks again.

Simon

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

Time to create page: 0.075 seconds
Powered by Kunena Forum