Price Background Elements

gabrielbur
Active member
Topic Author
Member

1 year 7 months ago #49469 by gabrielbur

Price Background Elements was created by gabrielbur

Hello,

I'm using the Babyshop template and want to change colour and form of the Price Background elements.

Please tell me where I can do this. ... or is this not possible?

Many thanks in advance.

Regards,
Gabriel

Attachments:

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 year 7 months ago #49470 by milos

Replied by milos on topic Price Background Elements

Hello,

You can change Color 1 in the template options (under Style > Template Colors) and it will be changed automatically everywhere on the site. If you want to change the color only for the price background, you can edit the file /media/templates/site/babyshop/css/custom.css and change the background color here:

Code:

span.PricesalesPrice {
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    color: #fff !important;
    font-weight: 900;
    font-size: 14px !important;
    text-align: center;
    background: var(--sparkycolor1);
    border-radius: 31% 42% 48% 30% / 35% 42% 31% 53%;
}

for example to black:

Code:

span.PricesalesPrice {
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    color: #fff !important;
    font-weight: 900;
    font-size: 14px !important;
    text-align: center;
    background: #000000;
    border-radius: 31% 42% 48% 30% / 35% 42% 31% 53%;
}

Regards,
Milos

The following user(s) said Thank You: gabrielbur

Please Log in to join the conversation.

gabrielbur
Active member
Topic Author
Member

1 year 7 months ago #49471 by gabrielbur

Replied by gabrielbur on topic Price Background Elements

Many thanks!

Is it also possible to change the form (to circle i.e.)?

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 year 7 months ago #49472 by milos

Replied by milos on topic Price Background Elements

Yes, in the same code, change the border-radius property to:

Code:

border-radius: 50%;

Regards,
Milos

The following user(s) said Thank You: gabrielbur

Please Log in to join the conversation.

gabrielbur
Active member
Topic Author
Member

1 year 7 months ago #49476 by gabrielbur

Replied by gabrielbur on topic Price Background Elements

Ah yes, my bad.

If I had looked more carefully, I would have noticed.

Many thanks for your patient reply!

Please Log in to join the conversation.

Time to create page: 0.272 seconds