product_name_main don´t execute text-align: center and padding -top

  • Posts: 19
  • Thank you received: 1
3 years 9 months ago #332789

-- HikaShop version -- : HikaShop Starter 4.4.2
-- Joomla version -- : 3.9.26
-- PHP version -- : 7.4.3
-- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)

Hi:
I want to center hikashop_product_name_main and to give some marging top respect above menu row.
I modify CSS according to documentation System-->Display-->CSS, editing style_custom1.css and introducing at the end of the file:

.hikashop_product_name_main {
font-size: 28px;
text-align: center;
}

But the only parameter I can change is font-size, text´-align does not work. i have tried with !important and fail again.
Can you help me, please?
Thanks in advance,

Ricardo

Attachments:

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

  • Posts: 4816
  • Thank you received: 654
  • MODERATOR
3 years 9 months ago #332810

Hello,

Maybe you make a typo ? Or your selector isn't strong enough to override other Css Command, and so here some explanations to understand how to build high priority css command :
1. First the minimum necessary to function properly :
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.



2. Now, some css priority system explanation :
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.
Hope this will help you to achieve what you need.

OR

We will need an Url link to understand the context and be able to answer you precisely.
Awaiting your element to progress on your subject.

Regards

Last edit: 3 years 9 months ago by Philip.
The following user(s) said Thank You: kaito

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

  • Posts: 19
  • Thank you received: 1
3 years 9 months ago #332955

Hi Philip:

You were right, I was not changing correct class CSS, the one that was correct for me (if can serve to anyone elese) was "hikashop_product_top_part".

Thanks for your explanation and sorry for the delay in replaying your post.

Regards,

Ricardo

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

Time to create page: 0.059 seconds
Powered by Kunena Forum