CMS Development

adolezalka
Member

Creating pricing options, how to wrap the text?

SOLVE

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

0 Upvotes
1 Accepted solution
Oezcan
Solution
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Creating pricing options, how to wrap the text?

SOLVE

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

Oezcan Eser Signature

View solution in original post

8 Replies 8
Oezcan
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Creating pricing options, how to wrap the text?

SOLVE

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

Oezcan Eser Signature
0 Upvotes
Oezcan
Solution
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Creating pricing options, how to wrap the text?

SOLVE

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

Oezcan Eser Signature
adolezalka
Member

Creating pricing options, how to wrap the text?

SOLVE

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
piersg
Key Advisor

Creating pricing options, how to wrap the text?

SOLVE

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
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Creating pricing options, how to wrap the text?

SOLVE

Just copy and paste your code here in a Reply 🙂

Oezcan Eser Signature
0 Upvotes
adolezalka
Member

Creating pricing options, how to wrap the text?

SOLVE

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
Oezcan
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Creating pricing options, how to wrap the text?

SOLVE

Hello @adolezalka ,

 

can you show us your code please?

Best regards,

Özcan

Oezcan Eser Signature
0 Upvotes
adolezalka
Member

Creating pricing options, how to wrap the text?

SOLVE

Hi @Oezcan 

 

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

 

Thanks,

 

Aneta

0 Upvotes