Cassiopeia Phoca Cart Beauty template - issues

[sulpher]

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:

Code: Select all

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

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

Code: Select all

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

I also increased size for H1:

Code: Select all

h1 {font-size: 2.4rem}

Added this code:

Code: Select all

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

[sulpher]

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:

Code: Select all

.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.

[sulpher]

8. Remove left-right paddings in breadcrumbs:

[sulpher]

Different left and right padding:

[Jan]

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

I will take a look at them.

Thank you, Jan

[sulpher]

Standard alert need black text:

[Jan]

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

Jan