Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 4, 2016 at 5:15 pm #627366
    Real-3D

    Hi,

    I’m going to put a text on my website and to distribute it into 2 columns.
    How can I do it automatically?
    I suppose that I need to put the same text into 1/2 + 1/2 layout and add some code, right?

    Thanks for the support

    May 4, 2016 at 5:18 pm #627370
    Yigit

    Hey Real-3D!

    Yes, that sounds correct. If that does not help, please post a screenshot and show the changes you would like to make.

    Regards,
    Yigit

    May 4, 2016 at 5:37 pm #627393
    Real-3D

    Thanks for the answer!

    I found this code in an older post:

    <div class=”flex_column av_one_half first”>Content Here</div>
    <div class=”flex_column av_one_half”>Content Here</div>

    I tried to use this in each of the 2 1/2 columns with text, but it didn’w work.

    Any suggestions?

    Thanks!

    May 6, 2016 at 5:48 am #628098
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    May 6, 2016 at 8:33 am #628169
    Real-3D

    Hi!

    Here you are!

    Thanks a lot

    May 8, 2016 at 7:01 am #628814
    Rikard

    Hi,

    We will need a URL as well to be able to log in. Also, please specify on what page you are having problems.

    Best regards,
    Rikard

    May 9, 2016 at 9:24 am #629089
    Real-3D

    Hi,
    sorry but i’m pretty new in this world!
    The requested content in in “private content” box (hope it’s all right).
    I’d like to change the text in 2 columns in the “chi siamo” page of the website, and, if it looks good, probably in other pages.

    May 10, 2016 at 1:35 pm #629890
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.page-id-23 #av_section_2 .avia_textblock {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

    Best regards,
    Yigit

    May 10, 2016 at 1:55 pm #629906
    Real-3D

    Thanks for the support!

    If I want to change other texts in the website into 2 columns, I have to change the portion “.page-id-” of the code, right?

    Thanks!

    May 10, 2016 at 2:32 pm #629934
    Yigit

    Hi!

    You can edit your color sections and give them unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then change the code to following one 

    #your-unique-id .avia_textblock {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

    Regards,
    Yigit

    May 10, 2016 at 2:41 pm #629942
    Real-3D

    Ok that’s great!
    Thanks for the support! :)

    May 10, 2016 at 2:43 pm #629945
    Yigit

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Distribute text into 2 columns’ is closed to new replies.