Product name Margin top

Phoca Cart - complex e-commerce extension
User avatar
Spraymissah
Phoca Member
Phoca Member
Posts: 10
Joined: 16 Sep 2023, 17:46

Product name Margin top

Post by Spraymissah »

I am having issues with product name margin top in category view. I have added margin top with css and it will not update. I have cleared cache yet will not update.

.ph-category-item-body h5.ph-product-header.grid {
margin-top: 20px !important;
}
@media (max-width: 768px) {
.ph-category-item-body h5.ph-product-header.grid {
margin-top: 12px;
}
}
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49543
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Product name Margin top

Post by Jan »

Hi, hard to say, I think you need to test and detect in browser devtools to see why it is not applied (to test if the CSS is included or not, and if included, if the rule is not overriden :idea: )

Jan
If you find Phoca extensions useful, please support the project
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 3024
Joined: 28 Nov 2010, 17:20

Re: Product name Margin top

Post by christine »

Hi,

On demos I only could see, e.g. h1, h3, h4 etc.
Can we see it live, please?

Kind regards,
Christine
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 3024
Joined: 28 Nov 2010, 17:20

Re: Product name Margin top

Post by christine »

Hi,

Try this:

Code: Select all

.ph-category-item-body, h5.ph-product-header.grid {
margin-top: 20px !important;
}
temporary it works.

Kind regards,
Christine
User avatar
Spraymissah
Phoca Member
Phoca Member
Posts: 10
Joined: 16 Sep 2023, 17:46

Re: Product name Margin top

Post by Spraymissah »

its working now, thank you so much.
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 3024
Joined: 28 Nov 2010, 17:20

Re: Product name Margin top

Post by christine »

Hi,

that's fine.

Please be informed: Security Release: https://www.phoca.cz/news

Kind regards,
Christine
Post Reply