Docs

[Flightwave]

HI there,

Please reference: http://dev.flightwave.aero/product/verteon/
(login credentials to follow)

In the first tab of the tabs at the top [features], how can I put space between the icons and where the text starts so that all the lines of text line up – approximately 25px to the right of the icons?

Thanks.

[Flightwave]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-tab-content i.x-icon {
    margin-right: 25px !important;
}

Thanks.

[Flightwave]

Hi there,
Thanks for the response!

This worked only partially. It did add space between the icons and the text. But the text still doesn’t line up vertically from line to line. Is there a way that I can make that happen?

Also – if the text in one line overlaps because it’s too long for the tab area, is there a way to set the second line to also line up with the other text.

In essence I’m looking to create a left margin for the text (by margin – i’m referring to having a margin in a word document).

Thanks!
C

[Flightwave]

P.S.
I’ve done my best using individual margin settings as you’ll see in the code – but wondering if there’s a way to just set a left justified setting for only the text.

The icons are different size widths, so they kind of have to be adjusted individually – UNLESS – is there a way to center them with each other vertically?

Thanks,
C

[Nabeel A]

Hi again,

You can try adding the following code in your Customizer to fix the text alignment:

.x-tab-content .x-icon:first-child {
    float: left;
}

Let us know how this goes!

[Flightwave]

that didn’t work.

Any other suggestions?

[Rue Nel]

Hello There,

Do you want something like this http://prntscr.com/dgqzrl? If that is the case, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(min-width: 980px){
  .x-feature-box-text {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    text-align: left;
  }
}

Hope this helps. Please let us know how it goes.

[Author]

Posts