Skip to main content

categories images align center and set transparent background

More
4 years 2 months ago #343384 by kost36
-- 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

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

More
4 years 2 months ago - 4 years 2 months ago #343387 by Philip
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.


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 :
Code:
.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: 4 years 2 months ago by Philip.

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

More
4 years 2 months ago #343424 by kost36
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.

More
4 years 2 months ago - 4 years 2 months ago #343429 by Philip
Hello,

First, your img is in block a quick solution is to display it in "inline-block"
Code:
.hikashop_category_image img { display: inline-block; }
And for your backrgound transparent, you can use this kind of command :
Code:
.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: 4 years 2 months ago by Philip.

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

More
4 years 2 months ago #343451 by kost36
The following user(s) said Thank You: Philip

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

Time to create page: 0.235 seconds
Powered by Kunena Forum