Having trouble changing hero video size in "Streamline" Theme

Solved
Highlighted
Tourist
8 0 0

I am looking to change the size of my hero video to 300px, but the lowest size option is 450px. Is there a way to enter code to change the size to 300px?

0 Likes
Highlighted
Shopify Partner
841 127 141

Hi There!

Would you mind sharing a test URL so I can see if changing this in code will affect anything?

Thanks!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes
Highlighted
Tourist
8 0 0

Yes, would you like me to send a "preview" link or a link to the actual website?

0 Likes
Highlighted
Shopify Partner
841 127 141

The Actual website would be easier for you, both would work anyway!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes
Highlighted
Tourist
8 0 0
Highlighted
Shopify Partner
841 127 141

This is an accepted solution.

This is not the most elegant solution but it's the fastest:

Locate this in your theme.css 

@media only screen and (min-width: 769px)
{
.hero--450px {
    height: 450px;
}
}

 and replace it with:

@media only screen and (min-width: 769px)
{
.hero--450px {
    height: 300px;
}
}

 Let me know, I've changed it on my end the black bars show more on the side due to the decreased height.

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
1 Like
Highlighted
Tourist
8 0 0

Thank you! That worked. I'm also having trouble reducing the padding on my "Rich Text" section. Any chance you could help here as well?

0 Likes
Highlighted
Shopify Partner
841 127 141

This is an accepted solution.

There you go, comment the "margin" out as shown below:

@media only screen and (min-width: 769px)
{
.index-section {
    /* margin: 110px 0px; */
    margin-top: 30px;
    margin-bottom: 100px;
}
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
1 Like
Highlighted
Tourist
8 0 0

Is it possible to change the size of the text in the top menu bar without changing the size of the text on the rest of the site?

0 Likes
Highlighted
Shopify Partner
841 127 141

I believe you can change this from the Theme Editor directly in the "Typography" under "Settings". Look for Navigation or Menu Size.

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes