Phoca Forum

Posted: **16 May 2024, 12:54**

Joomla 5.1.0, PC 5 beta51

1. Cart module override.
When I hover the cursor, there is 1px moving of the icon.

Position: search and sidebar-right

2. Remove paddings.

3. Add separator:

4. I added some custom css:
Separate footer and 'Powered by' text:

.container-component {padding-bottom:15px}

Add paddings for "I agree with terms of use":

.ph-checkout-checkbox-confirm {padding:10px 0 15px 0}

I also increased size for H1:

h1 {font-size: 2.4rem}

Added this code:

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

Posted: **16 May 2024, 12:54**

5. Panel.

I added white color for header for bg-dark

DEMO:
6. Make svg of delivery icons: (it is png now)

7. alert alert-primary panel. If I add some <p> code, then I get this issue:

It happens due to this code which is used to display icon:

.alert, joomla-alert {display: flex}

I added custom code for .alert-custom class and get the correct result:

but this is a custom solution. would be better to fix it for standard panels.

Posted: **16 May 2024, 13:43**

8. Remove left-right paddings in breadcrumbs:

Posted: **16 May 2024, 18:09**

Different left and right padding:

Posted: **18 May 2024, 01:12**

Hi, thank you very much for the info and for the improvements.

I will take a look at them.

Thank you, Jan

Posted: **30 May 2024, 11:26**

Standard alert need black text:

Posted: **03 Jun 2024, 16:16**

Hi, thank you for the info, I will take a look at it.

Jan

Cassiopeia Phoca Cart Beauty template - issues