CMS Development

adolezalka
Miembro

Creating pricing options, how to wrap the text?

resolver

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 Me gusta
1 Soluciones aceptada
Oezcan
Solución
Colaborador líder | Partner nivel Diamond
Colaborador líder | Partner nivel Diamond

Creating pricing options, how to wrap the text?

resolver

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

Ver la solución en mensaje original publicado

8 Respuestas 8
Oezcan
Colaborador líder | Partner nivel Diamond
Colaborador líder | Partner nivel Diamond

Creating pricing options, how to wrap the text?

resolver

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 Me gusta
Oezcan
Solución
Colaborador líder | Partner nivel Diamond
Colaborador líder | Partner nivel Diamond

Creating pricing options, how to wrap the text?

resolver

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
Miembro

Creating pricing options, how to wrap the text?

resolver

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 Me gusta
piersg
Asesor destacado

Creating pricing options, how to wrap the text?

resolver

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
Colaborador líder | Partner nivel Diamond
Colaborador líder | Partner nivel Diamond

Creating pricing options, how to wrap the text?

resolver

Just copy and paste your code here in a Reply 🙂

Oezcan Eser Signature
0 Me gusta
adolezalka
Miembro

Creating pricing options, how to wrap the text?

resolver

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 Me gusta
Oezcan
Colaborador líder | Partner nivel Diamond
Colaborador líder | Partner nivel Diamond

Creating pricing options, how to wrap the text?

resolver

Hello @adolezalka ,

 

can you show us your code please?

Best regards,

Özcan

Oezcan Eser Signature
0 Me gusta
adolezalka
Miembro

Creating pricing options, how to wrap the text?

resolver

Hi @Oezcan 

 

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

 

Thanks,

 

Aneta

0 Me gusta