categories images align center and set transparent background

  • Posts: 3
  • Thank you received: 1
2 years 7 months ago #343384

-- url of the page with the problem -- : localhost
-- HikaShop version -- : 4.6.1
-- Joomla version -- : 4.1.5
-- PHP version -- : 7.4

Hey,
I tried .hikashop_category_image{
align: center;
}
but it doen't work.
And also how is possible to display transparent background for the same items?
thank's

Attachments:

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

  • Posts: 4785
  • Thank you received: 650
  • MODERATOR
2 years 7 months ago #343387

Hello,

The first idea, is to check that your css command is well built and with a good priority, I detail my idea :
1. First the minimum necessary to work 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.

alt


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.

For get an transparent background, you can use this kind of css command :
.your_required_container_class {
     background-color: rgba(0,0,0,0.5);
}
Learn more about, background-color, rgba commands, here .
Hope this will help you to achieve what you need.

Or in order to be more specific in our help we will need to access your website, later when it will be on internet.

Regards

Last edit: 2 years 7 months ago by Philip.

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

  • Posts: 3
  • Thank you received: 1
2 years 7 months ago #343424

Hello,
didn't manage to make it to work. I upload the site temporally...
Please help looking at pekk.gr/index.php/library-pdf-2
Many thank's

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

  • Posts: 4785
  • Thank you received: 650
  • MODERATOR
2 years 7 months ago #343429

Hello,

First, your img is in block a quick solution is to display it in "inline-block"

.hikashop_category_image img {
    display: inline-block;
}
And for your backrgound transparent, you can use this kind of command :
.hikashop_subcategories_listing .hikashop_subcontainer.thumbnail {
    background-color: rgba(32, 168, 198, 0.5);
}
=> For a blue transparent, adjust RGB value in order to get what you need.

Note : Have a look on this tutorial to learn how to add some Css to your frontend file Css.

Regards

Last edit: 2 years 7 months ago by Philip.

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

  • Posts: 3
  • Thank you received: 1
2 years 7 months ago #343451

Many thank's Philip

The following user(s) said Thank You: Philip

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

Time to create page: 0.058 seconds
Powered by Kunena Forum