Diamond misplaced on textbox used in Hot Swipe Carousel

Danimeeka
Active member
Topic Author
Member

7 months 1 week ago #51373 by Danimeeka

Diamond misplaced on textbox used in Hot Swipe Carousel was created by Danimeeka

Hi

My website is at blackrockhouse.org.au/ with a test site for the Joomla 4 migration set up at blackrockhouse.org.au/j4 .

On the test site, the small, decorative diamond used on the centre top of the Hot Swipe Carousel text box (Home page) is out of position. It is floating about 30 pixels above the text box and is set about 30 pixels too far left.

On the live site the decorative diamond is correctly placed.

Can you offer advice regarding how I might fix this?

Thanks,
Julia.

Please Log in to join the conversation.

milos
Support Staff
Moderator

7 months 1 week ago #51375 by milos

Replied by milos on topic Diamond misplaced on textbox used in Hot Swipe Carousel

Hello,

Please edit file /j4/media/templates/site/island/css/custom.css and around line 137, change this:

Code:

.hot_swipe_carousel_slides .contents::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: #b9a981;
    margin-top: -50px;
    margin-left: 200px;
    transform: rotate(45deg);
}

with this:

Code:

.hot_swipe_carousel_slides .contents::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: #b9a981;
    margin-top: -20px;
    margin-left: 200px;
    transform: rotate(45deg);
}

Clear the browser cache if you don't see the change immediately.

Regards,
Milos

Please Log in to join the conversation.

Danimeeka
Active member
Topic Author
Member

7 months 1 week ago #51376 by Danimeeka

Replied by Danimeeka on topic Diamond misplaced on textbox used in Hot Swipe Carousel

Many thanks Milos.
Julia.

Please Log in to join the conversation.

Time to create page: 0.150 seconds