move title position on featured promotions section

vivame
Explorer
73 0 7

Hi, can anyone help me with the CSS to move the titles on each featured promotion separately,

for instance on the left feature I want the title to float top and left and on the right feature I want the title on the bottom right.

I am able to move the title position for ALL the featured promotions but I cannot figure out how to target each promotion individually so the titles are in different positions on each promotion.

 

I have tried for example:

.featured-promotions .feature-section .feature-wrap .section-1 .promo-1 {
top: 10%;
}

.featured-promotions .feature-section .feature-wrap .section-2 .promo-2 {
bottom: 10%;
}

 

but it's not working. If any of you can tell me how to target each individual promotion I would be very grateful, I am using Turbo theme,

 

many thanks

 

Screen Shot 2021-06-28 at 12.06.41.png

 (left promo title to top left , right promo title to bottom right)

  

0 Likes

Hello @vivame,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
vivame
Explorer
73 0 7

Hi Diego, thanks for your response, I just pm'd you my URL

0 Likes
vivame
Explorer
73 0 7

Hi, just to let you know I have solved it! So no need to respond but thank you for your initial response

0 Likes