Docs

[zendog22]

Hi, please can you help me move the images in section 2 of my homepage.
In the row with the 3 logo circles, I would like to move the first image and text on the left over to the left to be underneath the word Services, and I would like to move the image and text on the right over to the right by the same distance.
I would like to keep the text centred though.
Please can you help?
http://kentishandco.staging.wpengine.com/
Many thanks

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.home #x-section-2 .x-container.max.width.marginless-columns {
    max-width: 100%;
    width: 100%;
}

Hope it helps 🙂

[zendog22]

Hi, thanks for replying. I would like to align the first circle under the word services and the same distance for the one on the right.
And the two circles under the three, I would like them to be exactly in the middle of the three above them.
Please can you help with getting the alignment more accurate?
http://kentishandco.staging.wpengine.com/

[Rue Nel]

Hello There,

Please update the given css and use this instead:

.home #x-section-2 .x-container.max.width.marginless-columns {
    max-width: 1300px;
}

.home #x-section-2 .x-container.max.width.marginless-columns:nth-child(2n+1) {
    max-width: 900px;
}

http://prntscr.com/awhgqn

Hope this works out for you.

[zendog22]

Thanks for replying. Images look good. I would also like to make the text smaller and across two narrower lines rather than one long line. Please can you help. I’d like to keep The font in bold the same size though. Just reduce size of font below that and increase margins so it goes over two lines. thanks

At the moment the text box is just:

Training
Helping teams to work better together

[Zeshan]

Hi there @zendog22,

Thanks for writing back!

You can break the line “Helping teams to work better together” in two lines by simply adding a line break in Cornerstone (see: http://prntscr.com/ax14ie). To reduce the font size, please add following CSS code under Style field of the Text element settings (see: http://prntscr.com/7qeof1):

font-size: 16px;

Hope this helps. 🙂

Thank you!

[zendog22]

HI, thanks for replying. I would like to keep the font in bold the same size. But reduce the font below the bold. So the solution of just adding the code would also reduce the font in bold. SO I would need another solution please.

[Paul R]

Hi,

You can add a span tag then add inline css to your text to reduce font size.

eg.

<strong>Facilitating</strong><br>
<span style="font-size:18px;">Resolving conflict<br>
in the workplace</span>

Change 18px with your desired size.

Hope that helps.

[zendog22]

Many thanks for answering. Another quick Q – is there any way of having the lines Resolving conflict<br>
in the workplace</span> closer together height wise – not such a height gap between them?

[Rupok]

Hi there,

Thanks for writing back. You can use this CSS :

.x-text > p {
  line-height: 1.5;
}

Let’s change the value if needed.

It would be better if you add line-height: 1.5; to the style field so that it won’t interfere with any other text element.

Cheers!

[Author]

Posts