Debut Theme: Center Blog Banner

Solved
Highlighted
Excursionist
79 1 2

 

This banner is messing with me. I need to center it. I can't make the width 100% because it needs to be of the similar size like the other page banners.

 

https://go-future-fresh.myshopify.com/blogs/stories

Screen Shot 2019-09-10 at 12.16.35 PM.png

<div class="blog_intro">
<img src="https://cdn.shopify.com/s/files/1/0099/8323/0007/files/stories2.1.jpg?1089" width="80%" alt="Stories" class="center">

0 Likes
Highlighted
Explorer
65 5 7

This is an accepted solution.

Hello gofuturefresh,

Please add below given css in theme.scss.liquid

Dashboard->Online Store-> themes -> assests -> theme.scss.liquid

.blog_intro img {
    display: block;
    margin: 0 auto;
}
-Want to customize or make changes to a theme? Hire me.
-If my reply was helpful, Click Like to let me know!
- If your question was answered, Mark it as an Accepted Solution!
0 Likes
Highlighted
Excursionist
79 1 2

Awesome! Thanks.

0 Likes
Highlighted
Explorer
65 5 7
Welcome 😊
If you need any more changes let me know I can help you in doing that.
-Want to customize or make changes to a theme? Hire me.
-If my reply was helpful, Click Like to let me know!
- If your question was answered, Mark it as an Accepted Solution!
0 Likes
Highlighted
Excursionist
79 1 2
Highlighted
Explorer
65 5 7
Ok will check and get back to you
-Want to customize or make changes to a theme? Hire me.
-If my reply was helpful, Click Like to let me know!
- If your question was answered, Mark it as an Accepted Solution!
0 Likes
Highlighted
Excursionist
67 0 0

Extendons Shopify banner app help to promote business display product catalog, promotional campaigns, discount deals. The app is helpful for generating customer leads. Shopify offers a professional slider app to design your store product free campaigns. It allows you to add unlimited images on the slider without any change in the slider. The slider can be placed on any location. The professional banner slider helps to increase traffic and boost sales.

1.png

 

2.png

 

2af3ed327d77ad914c49365adeff8e27.png

 

889c180a9aab3272dbfb61ea7073dbcc.png

 

a3dc8488c5f91459ade90bcd66eed48a.png

 

ca4530c5e0b3d96f6492cf41611c53bc.png

 

dd7ba74561d018a8515c059e27f9fb7e.png

 

0 Likes