Removing white spaces in FAQ section - Streamline

Store Design
1

Hello,

I am trying to remove the white space between the question sections in my FAQ page, could you help me?

I tried adding code in the theme.scss.liquide file that I found in the solutions of similar questions but it didn’t work. Thank you!

2

@Nadya_Sh

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

@Nadya_Sh ,

Please share store URL.

5

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

6

Is a preview link ok?

7

Hi, I am sending a preview link, is this ok?

8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.index-section.index-section--faq {
margin: 5% 0!important;
}
9

@Nadya_Sh

.index-section.index-section--faq {
margin: 4% 0!important;
}

Add this code in the bottom of theme.css file.

10

Thank you @ZestardTech that helped!

11

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

12

@ZestardTech Thank you! Now it is much better with the white space between one question section to the other. However, in one questions section, the margin between the title of the section and the questions is still too big, could I add additional code to decrease it? Thank you!

13

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.index-section.index-section--faq .grid__item {
margin-bottom: -5%!important;
}
14

Wow, @ZestardTech this is great! Now I have just one more left - between the Hero image and the FAQ section! Thank you so much! I learn so much from this help!

15

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
div#shopify-section-template--15733567160573__164580340499d63645 {
margin: 46px 0!important;
}
16

@ZestardTech this solution didn’t work out. I didn’t notice any change. Am I explaining it well? I need to decrease the white space between the Hero image and the FAQ section. Thank you!

17

Hello @Nadya_Sh
Working fine!
Screenshot :- https://prnt.sc/yTD7sYMIpDm7

18

Then I must be doing something wrong but I am following the same steps. Very strange, this change does not apply when I try.

19

I managed! Apologies! I think I have difficulties understanding the process to save and duplicate my theme. Can I delete some of the previously saved topic duplicates? Thank you so much for your help, it’s the first time I work with shopify and with someone from the community and it’s amazing! :slightly_smiling_face:

20

Hello @Nadya_Sh

No issues! Glad that it worked for you!
Yes, you can also remove the previously saved topic duplicates for the FAQs.
Let me know if you have any further questions or need any further assistance for the same.