Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 14, 2014 at 5:27 pm #237748
    IHEA

    How can I “justify” text in an icon-box or a textfield…???

    Thx for Help,

    Dan

    March 16, 2014 at 5:33 pm #238340
    Dude

    Hi IHEA!

    Please use this css code to justify the text:

    
.iconbox_content_container, .iconbox_content_container p{ text-align: justify; }

    Cheers!
    Peter

    March 17, 2014 at 9:49 am #238567
    IHEA

    Where can I use this code? In the custom.css?

    Thx!

    March 17, 2014 at 11:04 am #238614
    Dude

    Hey!

    Yes, or into your child theme style.css or into the quick css field (Enfold > Styling).

    Regards,
    Peter

    July 1, 2017 at 4:24 pm #815365
    Dana2225

    Hello! I’m jumping in, if that’s okay.

    I’m using a child theme in Enfold. As you suggested above, I first tried adding the code below to the quick CSS and nothing happened:
    .iconbox_content_container, .iconbox_content_container p{ text-align: justify; }

    I then deleted the code from the quick CSS area and added it to my child theme style.css – still no change.

    I’d be grateful if you’d let me know what I’m doing wrong so I can change this.

    Thanks!

    July 1, 2017 at 7:58 pm #815411
    Mike

    Hi,
    Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    July 1, 2017 at 10:30 pm #815447
    Dana2225

    Hi, Mike,

    I’m a newbie and my site isn’t published yet. I’ve included my website and the login info below. You can see what I mean on my HOME PAGE under the slider in the section titled “WELCOME TO A BRIDGE TO ACHIEVEMENT”. Please also look at my SERVICES PAGE at the text areas beside the pictures throughout the page.

    Side comment – Don’t be alarmed with the quality of my photos. I’ll be replacing them before I “go live”.

    Thanks!

    July 1, 2017 at 10:55 pm #815450
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .avia_textblock {text-align: justify!important; }

    It makes the two homepage text blocks justify, plus the text blocks on the service page.
    Please clear your cache :)

    Best regards,
    Mike

    July 1, 2017 at 11:59 pm #815456
    Dana2225

    My hero! You’re magic! Thank you! I have one follow up question…

    As you saw on my home page, the two column area under Welcome to A Bridge to Achievement is made up of two 1/2 text boxes. As such, they don’t flow properly from the first column to the second – especially if I change font sizes or styles, etc. Is there a way to have that be one element that just automatically divides itself evenly over the two columns?

    July 2, 2017 at 5:34 am #815471
    Dana2225

    Hi, again! I found a thread that gave me the following code:
    #welcome .avia_textblock {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    }

    When I used it, the columns did flow from the first to the second. Yay! However, that created a couple of spacing issues that I don’t know how to fix. I’d appreciate your taking another look at my Welcome section for the issues below:

    1) You’ll see there’s a big space between the “Welcome to A Bridge to Achievement” header and the text below. I checked all the settings and the padding seems to be 0 everywhere. Can you help with that, please?

    2) You’ll see that the top line in the left column sits a little bit below the top line in the right column. Can you please let me know how to fix that.

    I appreciate the help!

    July 2, 2017 at 9:03 am #815484
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #welcome .template-page.content {padding-top: 0px!important; }
#after_full_slider_0 .template-page.content {padding-bottom: 10px!important; }

    Try testing different column-gap setting in your code above, I couldn’t test as the login doesn’t give full access.
    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.