• Priority: Medium
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 13.09.19, 13:53
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15531 - different style

Hello, good evening.
I have an issue about styling. I don’t know why the footer I’m using shows a different style when at the home page or the product details page...
It looks like one text (the class homeicons2 for a paragraph content) is more bold in the home page than in the product.
I checked the style and inspected the element and it’s using the same style (including the font-weigth), so I don’t understand.
Do you know what is it happening?

You can check the home page at http://80.94.2.190/~transparentclini/es/ and the product details page at http://80.94.2.190/~transparentclini/es/limpieza-facial/24-body-milk-sensations-rosa-mosqueta.html Find attached a screenshot comparing both results.

Thanks! Kind regards.

tc0.jpg (117.2 KiB)

This ticket does not depend on any other tickets.

Marek (marek) 10 Sep 2019, 20:17

Please review your customer CSS in the Theme Settings → Customer CSS

Publitesa (publitesa) 13 Sep 2019, 09:35

Hi, good morning.

Yes, I've checked my custom css but I don't find the problem.
I'm using the class "footerblocks1" and the elements are common for all the pages since it belongs to the footer template.
When inspecting, both rendered styles have the same specs (as you can see in the popup) but they look similar (the home one looks like more bold...).

HOME: https://prnt.sc/p5jgmm PRODUCT (the way I like it): https://prnt.sc/p5jgmk

Any idea?
Thanks! Kind regards.

Marek (marek) 13 Sep 2019, 12:32

seems the font Relavey 700 is not included to the theme, you can do that manually, go to google fonts and copy necessary code to your theme

Publitesa (publitesa) 13 Sep 2019, 12:53

Oh, ok. I saw it's in the theme selector.
So where at the theme should I add the following code?:
<link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet">

Marek (marek) 13 Sep 2019, 13:41

to the file /themes/alysum/templates/_partials/stylesheets.tpl

Publitesa (publitesa) 13 Sep 2019, 13:45

Ok, thanks. Can I do it override?

Marek (marek) 13 Sep 2019, 13:47

You can also use "import" option to add it to custom CSS: https://take.ms/LR947

Publitesa (publitesa) 13 Sep 2019, 13:52

Great, thanks!

Loading...