How to make the top and bottom margins and font smaller on subscription options?

Solved
Cheiro
Excursionist
30 1 7

Hi, I am using 'Seal Subscriptions' app to manage my subscription plans. However, I cannot find anywhere in the code to change the height (top and bottom margins) and font size in this box here: 

Cheiro_0-1618681623458.png

My website / example at https://theelephant.world/collections/oral-care/products/beech-wood-childrens-compostable-toothbrush
Any help appreciated!

0 Likes

It can be done using the simple CSS.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Cheiro
Excursionist
30 1 7

Ok great, thanks. So what code do I need to add please?

0 Likes

Hi @Cheiro,

Add this code at the bottom of your theme.css File.

Adjust the value 20 to higher to increase the Gaps, lower the value to decrease.

.sealsubs-target-element {
   margin: 20px 0px;
}

Increase or decrease the value 15 as required.

.sealsubs-container {
    font-size: 15px;
}

 

Please let me know if it works for you.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Cheiro
Excursionist
30 1 7

Hi @Zeian_Shahzad I added the code to the bottom of my theme.css asset, and unfortunately, it didn't work

0 Likes

Please share the Screenshot where you added or add me as a staff so I can have a look.

Email: shopify.zeian@gmail.com

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Cheiro
Excursionist
30 1 7

Here is the screenshot @Zeian_Shahzad 

 

Cheiro_0-1618766562852.png

 

0 Likes

Save the file and check it should work. It's working fine at my end.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Cheiro
Excursionist
30 1 7

Hmmm I don't understand @Zeian_Shahzad - I have cleared cache, tried in incognito and with 3 browsers- none of them show the changes?

0 Likes

The code you added is not showing up at my end, add me as a staff so I can check the issue and fix it asap.

Thank You

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!