Creating pricing options, how to wrap the text?

SOLVE
adolezalka
Member

Hi there, I'm creating a page with membership options. I have 3 different text boxes next to each other but the text is way too close to the borders of each box. I tried to apply .wrapper to CSS to each text box, which worked however, the text boxes are now under each other. How can I make this work?

Screenshot 2021-11-25 at 09.45.44.pngScreenshot 2021-11-25 at 09.46.05.pngScreenshot 2021-11-25 at 09.49.28.png

CSS
0 Upvotes
1 Accepted solution

Accepted Solutions
Oezcan
Solution
Top Contributor | Diamond Partner

Okay, this will help either, thank you @piersg,

 

Another quick solution:
click on each of the rich text modules and give them a inline styling:

 

 

padding: 20px;

 

 

Oezcan_1-1637843853883.png


Do you know if there is a CSS file and how or where you can reach it?

Best regards
Özcan


check
Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

8 Replies 8
Oezcan
Top Contributor | Diamond Partner

Hello @adolezalka ,

 

can you show us your code please?

Best regards,

Özcan


check
Did my post help answer your query? Help the Community by marking it as a solution

0 Upvotes
adolezalka
Member

Hi @Oezcan 

 

I don't know how to do that, can you please guide me? 

 

Thanks,

 

Aneta

0 Upvotes
Oezcan
Top Contributor | Diamond Partner

Just copy and paste your code here in a Reply 🙂


check
Did my post help answer your query? Help the Community by marking it as a solution

0 Upvotes
adolezalka
Member

I don't know how to get there. I've tried to find it but all I can see is this and that's empty.

 

Screenshot 2021-11-25 at 12.21.14.png

0 Upvotes
piersg
Key Advisor

Hi @adolezalka,

 

Quick solution: click on each of the rick text modules and give them all the same custom CSS class e.g. "text-padding" (or whatever you want to call it).

piersg_1-1637843333040.png

 

Then in your stylesheet for the page just add the padding you want

.text-padding {
  padding: 20px;
}

 

Oezcan
Solution
Top Contributor | Diamond Partner

Okay, this will help either, thank you @piersg,

 

Another quick solution:
click on each of the rich text modules and give them a inline styling:

 

 

padding: 20px;

 

 

Oezcan_1-1637843853883.png


Do you know if there is a CSS file and how or where you can reach it?

Best regards
Özcan


check
Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

adolezalka
Member

Thank you @piersg! The easier solution was by @Oezcan so thank you!

 

@Oezcan no, I don't know if there is a CSS file, how can I find out?

 

 

0 Upvotes
Oezcan
Top Contributor | Diamond Partner

This is beyond the scope of the explanation as there are many different ways to find out. If you have a developer the best thing to do is to ask them, if you are the developer yourself and haven't created one, you should create one and link them.

 

Oezcan_0-1637863475618.png

 

 

If you want to learn more about development, I recommend the course.
https://academy.hubspot.com/courses/cms-for-developers?library=true&=

 

Best regards
Özcan


check
Did my post help answer your query? Help the Community by marking it as a solution

0 Upvotes