Minor CSS tweaks not working - TESTAMENT theme

Solved
cdgerard
Tourist
5 0 0

Hello all!

 

I'm using the latest version of the Testament theme. I'm working on an unpublished version finalizing everything before it goes live.

BUT... I'm having a shocker with tweaking some minor CSS changes on the home page.

I add the css into the bottom of stylesheet.css 

Here are 2 in detail:

1) index-section gallery__image-section
I want to change the bottom padding from 30px to 0px , so I tried:

section.index-section.gallery__image-section { padding-bottom: 0px; }

But didn't work

NT-gallery_image-section-css-grab.JPG

 

2) Reduce some space in footer
I want to lower the top margin and top padding, so I tried:

div#bottom-footer { padding-top: 5px; margin-top: 20px; }

But nothing!! 

NT-footer-css-grab.JPG


Is it possible that this is not working because it's protected somehow? Or is it because the theme is not yet published?

Any help would be greatly appreciated.

Thanks,

Chris

0 Likes
JHKCreate
Shopify Partner
2499 412 595

Hi @cdgerard 

Would you mind sharing your store's URL so we can adjust this for you?

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

Heya it's nicktentis.com but it's not published yet.

Could you just let me know what I'm doing dreadfully wrong please?

0 Likes
JHKCreate
Shopify Partner
2499 412 595

That's exactly what we plan to share of course! But for that we need to see the website to see for ourselves, otherwise we'd be flying blind.

You can share the store's preview URL privately by Messaging or E-Mail, no worries at all, we're here to help!

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

Hello, I just emailed to you. Cheers.

0 Likes
cdgerard
Tourist
5 0 0

Any suggestions, guys?

0 Likes
JHKCreate
Shopify Partner
2499 412 595

This is an accepted solution.

That was odd indeed, I pasted the following inside the theme.liquid file:

<style>
#shopify-section-1521604513411 > section 
{
padding-bottom: 0px!important;
}
div#bottom-footer 
{
padding-top: 5px!important;
}
</style>

That should do it!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
JHKCreate
Shopify Partner
2499 412 595

And div#bottom-footer was inside the footer.liquid file.

Let me know if that solves it for you and don't forget to like & mark the answer as a solution if this solved it for you!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
cdgerard
Tourist
5 0 0

Ah, I see what you did there. I learnt 2 things!

Thanks very much. 

0 Likes