[Resolved] Placing containers in a Container

[Don]

The “lightweight-grid-columns” is an excellent plugin. Many thanks, Tom. I’ve used the code extensively.

Using containers is very useful, but I still haven’t attained to placing two container side by side. I think this is impossible because I can’t use the same GP Hook the second time.

The only way I can find to put content side by side is using Tom’s “lightweight-grid-columns”. I would like side by side containers that could have Text, images, etc.

Is this not possible?

Don Shenton

[Stacey Usborne]

Hi Don,

You can use Lightweight Grid Columns to place images, text. Just place your content between the grid column shortcode.

Let me know if this helps, 🙂

[Andrea]

Hello,

I come back after testing the plug-in you have advised me. It meets about my needs, but remain problems to solve:

– How to change the text style, put a “security” and the others in paragraph? I inserted a picture to try, not a video which requires the use of another plug-in (video-embed-thumbnail-generator).

– I also want to turn these containers in relation to (for example) a page or video. How to do ?

– Is it possible to change the background color and / or put a border around each box?

– Also, use a padding around the image so that the text is not pasted.

Thanks for your help.

Andréa

[Tom]

Hi there,

1. I’m not too sure what you mean? You can put any content you would usually put inside the editor inside the columns shortcode.

2. Again I’m not too sure? Any examples of what you’re looking to do?

3. You can give the grid shortcodes a custom class, then use that class to style the boxes.

You can see it as the second to last example on this page: https://wordpress.org/plugins/lightweight-grid-columns/faq/

Then you would add CSS to style it:

.inside-grid-column.your-added-class {
      padding:10px;
      border: 1px solid #DDD;
}

4. You can wrap the image in a paragraph tag if it’s not already done so.

Go into the “Text” editor and add this around the <img src.. tag. So it would be be: <p><img src="..." /></p>

[Andrea]

Hello Tom,

I’m really sorry, I did not quite corrected Google translation and actually, my message was incomprehensible.

What I wanted is to use styles for the text part, title (H1, H2), and paragraph in the container.

But you guessed my purpose very well and you’ve already answered this question, thank you!

I wanted to send a screenshot image, but it is on my computer and I have to find a server for it. I’ll do it later.

I will create the styles in the CSS. It is in the child theme CSS I need to do that, is not it?
At the same time, I want to create some personal styles to my text, because I use a color (# 5d0002) for paragraphs and titles. Is it going to be visible in the list of the text editor (TinyMCE, the visual editor)?

I saw your faq link and I will study it before going further.

Thank you for your patience and your help!

Andréa

Original :
Bonjour Tom,
Je suis réellement désolée, j’ai mal corrigé la traduction de Google et effectivement, mon message est incompréhensible.
Ce que je voulais c’est utiliser des styles pour la partie texte, titre (H1, H2), puis paragraphe, dans le container.
Mais tu as bien deviné mon propos et tu as déjà répondu à cette question, merci !
J’aurais voulu envoyer une image de copie d’écran, mais elle est sur mon ordinateur et je dois trouver un serveur pour ça. Je vais le faire plus tard.
Je vais créer les styles dans le CSS. C’est dans le CSS de thème enfant que je dois faire ça, n’est-ce pas ?
En même temps, je veux créer quelques styles personnels pour mes textes, car j’utilise une couleur (#5d0002) pour les paragraphes et titres. Est-ce ça va être visible dans la liste de l’éditeur de texte (TinyMCE, the visual editor) ?
J’ai vu ton lien faq et je vais l’étudier avant aller plus loin.
Merci pour ta patience et ton aide!

[Tom]

No problem at all! 🙂

That’s right, you’ll want to use a child theme to add CSS to your site: https://generatepress.com/knowledgebase/adding-css/

It most likely won’t be view-able in the editor, but you can wrap your text is span classes, like this:

<span class="my-special-text">My text is in here!</span>

Then you can apply your CSS:

.my-special-text {
      color: #5d0002;
}

Let me know if you need more info 🙂

[Andrea]

Thank you once again. I will try to digest all this information, apply for and I would tell you if it was successful.

Andréa

(FR: Merci encore une fois. Je vais essayer de digérer toutes ces informations, les appliquer et je reviendrais pour vous dire si ça a réussi.)

[Tom]

No problem! 🙂

[Author]

Posts