Narrative Theme - Move Header Closer to Button Label & Gallery move text down (off image)

New Member
10 0 0

Two things:

 

1) How to move the  Button closer to the Header? I know how to move Header higher or lower, but want the button closer if possible?

 

}

.slideshow__text-container {
text-align: center;
position: absolute;
top: 85%;
left: 0;
@include transform(translate3d(0, -50%, 0));
z-index: $z-index-base + 2;
width: 100%;
max-width: 100%;

}

 

Narrative - Button Issue.jpg

 

2) How do I move the text down in Gallery?

 

Gallary - Narrative Theme.jpg

 

Thanks.

Allan

0 Likes

Hello @AllanB,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

For button

 

@media only screen and (min-width: 750px) {
    .slideshow__text-content .slideshow__heading-cta {
      margin-top: 20px;
 }
 }

2) How do I move the text down in Gallery?

.image-bar .image-bar__text {
	position: relative;
	color: #000;
	top: 0;
}
.h2.text-title.image-bar__caption {
	color: #000;
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
10 0 0

 

Thanks, so much!

 

With point 2 above (the gallery section)... it's now at the bottom the text (yay!), but how do I move it slightly up or down (the text). It's now slightly off the image and how do you change the text colour to white or any other color? It's now not linked to the text color.

 

2020-01-10_131451.jpg 

Thanks,

Allan

 

Regards,
Allan

0 Likes

@AllanB,

Can you please share your site url

how do you change the text colour to white

Please remove this css so that text will be white

.h2.text-title.image-bar__caption {
	color: #000;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
10 0 0

Thanks, so much. I manage to come right. So excited!! 

 

Another question. When you open the product page on desktop, can you help me widen the space for the text slightly? It seems very narrow.

 

2020-01-10_163710.jpg

0 Likes
New Member
10 0 0

Hi again,

 

I want to be able to control the space below?  On my desktop the space seems very large. Can you help me with adjusting this? Thanks.

2020-01-11_081803.jpg

0 Likes