Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1416769

    anncox1289
    Participant

    whenever i develop columns through using the webkit mark-up, it always displays my columns vertically uneven/unaligned. How do I get it aligned?

    please screenshot:

    please see code:
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    float: center;
    clear: none;
    width: 100%;
    margin-left: 0 auto;
    margin-right: 0 auto;
    -webkit-column-gap: 5em; /* Chrome, Safari, Opera */
    -moz-column-gap: 5em; /* Firefox */
    column-gap: 5em;
    padding: 2em 4em 3em 4em;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: grey; /* Chrome, Safari, Opera */
    -moz-column-rule-color: grey; /* Firefox */
    column-rule-color: grey;
    -webkit-column-fill: balance; /* Chrome, Safari, Opera */
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    }

    #1417264

    Rue Nel
    Moderator

    Hello There,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best Regards.

    #1417725

    anncox1289
    Participant

    rmclinic.org

    thanks

    #1418230

    Nabeel A
    Moderator

    Hi again,

    Can you please provide the page URL so we can take a look? I checked your homepage and couldn’t find the columns on that page.

    Thanks!

    #1419065

    anncox1289
    Participant
    #1419473

    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the URL. Instead of using custom CSS you should use columns. Just add a section using Cornerstone then choose a two column layout (see attached) then add your content in each column.

    Hope this helps!

    #1421644

    anncox1289
    Participant

    I’m sorry but that does not solve my issue. How would I put the custom gradient into these columns? I also have designed this page and do not want to start over on cornerstone. could you please give me another solution?

    #1421696

    Nabeel A
    Moderator

    Hi again,

    If you’ve already created a page then you can use shortcodes instead. You can use Columns shortcode to create multi columns sections, please see http://demo.theme.co/integrity-1/shortcodes/columns/ and also check out http://demo.theme.co/integrity-1/shortcodes/columnize/

    Hope this helps!

    #1421965

    anncox1289
    Participant

    can i put the shortcodes within the gradient wrapper?

    #1422018

    anncox1289
    Participant

    when i followed your suggestion, this was really disappointing and ruined my design.

    1) i would like the gradient section wrapper to still encompass the mission, vision, goals content.
    2) i don’t understand why that content goes into the content band which is in a separate short code.

    please provide a solution meeting my request.

    #1422041

    Joao
    Moderator

    Hi There,

    Please provide your URL and clarify what you mean by adding to the gradient wrapper.

    Thanks

    #1422089

    anncox1289
    Participant

    http://rmclinic.org/about-rmc/

    there is a section that is a gradient. anytime i add the columns in shortcode the content does not stay in the gradient section even though i put the short code in that div.

    #1422599

    Paul R
    Moderator

    Hi,

    Please add mtn class to your headings.

    eg.

    
    <h2 class="health-text mtn">Health is the foundation for a better a life.</h2>
    
    <h2 class="education-text mtn">Education takes it to the next level.</h2>
    
    <h1 class="mtn" style="text-align: center;font-family: Arial, Helvetica, sans-serif;color: green;">Mission</h1>
    
    <h1 class="mtn" style="text-align: center;font-family: Arial, Helvetica, sans-serif;color: green;">Vision</h1>
    
    <h1 class="mtn" style="text-align: center; font-family: Arial, Helvetica, sans-serif; color: green;">Goals</h1>

    Hope that helps.