Shorten Banner Length on certain sections

Technical Q&A
1

Greetings,

I’m trying to change the length of my banner. I would like to shorten length on the featured artist section and Instagram section. I want the banner at the top to be 100% width, but I want the two sections that are now 100 % width (“featured artist and " instagram banner”) to look like it fits within a grid. I used the inspect tool to find the section but I can’t make any changes to the length. Is there a way I the changes?

@Shopify_77 , @WoodyDev , [email removed]KetanKumar, @made4Uo

site changes.PNG
site changes.PNG2557×1243 501 KB

2

Hi and welcome!

Could you post the url to your site and ill take a look for you :slightly_smiling_face:

3

https://printyeah1.myshopify.com/password

haygom

4

I posted below

5

No problem!

Add this to the bottom of your theme.css file:

div#Banner-template--15441850859715__1657140966c48a0d1f {
    width: 1100px !important;
    margin: 0 auto !important;
}

#rap__med__instagram {
    clear: both;
    float: none !important;
    width: 1100px !important;
    margin: 0 auto !important;
}
6

Dev you are like Jesus Christ of coding. Could you elaborate. what happened. How did you fix the problem?

How come this code was not so easy to find. Man I love you man. I was really upset I could not figure this out. Could you explain for future please.

7

Thanks! You are very welcome!

Been using Shopify for a few years so you just learn what to look for mainly :slightly_smiling_face:

Easiest way is to inspect element and find the five you wish to target, then in the CSS section, there should be a ‘+’ button so you can generate CSS for the div you’re targeting :slightly_smiling_face:

If you could take a few moments to read through my signature below I would highly appreciate it :heart: