Text in colums – alignment control

Home Forums WordPress Themes – Premium Circumference Text in colums – alignment control

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15278
    John Bourke
    Participant

    Can you tell me where to find the alignment control for text placed within a column please?

    I’m using your * Meet the Team* html snippet and the text is centered which I’d like to change.

    #20120
    Sushil Adhikari
    Moderator

    The CSS that controls that is found in the style.css with this:

    .cir-mediabox1,
    .cir-mediabox2, 
    .cir-mediabox3 {
        margin: 2em 0;
        padding-bottom: 1em;
        text-align: center;
    }

    You would do some custom CSS of your own to override the classes you see there and do text-align: left;

    #20121
    John Bourke
    Participant

    Thanks. Found it and made the change but it doesn’t seem to have taken. I tried both:

    .cir-mediabox1,
    .cir-mediabox2,
    .cir-mediabox3 {
    margin: 2em 0;
    padding-bottom: 1em;
    text-align: left;
    }

    and just:

    .cir-mediabox3 {
    margin: 2em 0;
    padding-bottom: 1em;
    text-align: left;
    }

    I cleared cache, hit ctrl+F5, and even tried viewing it in another browser. Text remains centered. Ah, the challenges 🙂

    #20122
    Sushil Adhikari
    Moderator

    hmmm… that really should be working because I just tried it on the live demo site through my browser.
    Do you have a link to your page I can take a look?

    #20124
    John Bourke
    Participant

    Just sent it by email (don’t want to scary people with the horrible mess I’ve made of your template as I’m still figuring out colours etc.)

    Thanks,
    John

    #20126
    Sushil Adhikari
    Moderator

    Got your link…thanks. First thing…your page content part needs to have the

    container removed. You just need this only for wrapping around your media boxes that you have there.

    Next, I know why your alignment is not working. Open your child theme style.css and add a closing curly bracket to this:

    #cir-site-tagline {
    	font:normal 1em "Segoe UI", sans-serif, "Open Sans";
    	margin: 0.06em 0.18em 0;
    	color: #378b92;

    By the way, whenever you need to change a style, only copy over the part you are changing. So for the text alignment, do this only:

    .cir-mediabox1 {
       text-align: left;
    }

    You will also want to do this, so your image floats left:

    .cir-mediabox1 img {
    margin: 0;
    }
    #20127
    John Bourke
    Participant

    My gosh – mea cupla. I think I need sleep …elementary error. Thanks for finding it and for proactively helping me on what would have been my next task. Excellent theme and great support !

    #20128
    Aki Christina
    Participant

    Just sent it by email (don’t want to scary people with the horrible mess I’ve made of your template as I’m still figuring out colours etc.)

    This is off topic, but need to say: I do understand you so so soo well :))

    Thank you for your help, Andre, had same topic and it worked fine.

    #15279
    Sushil Adhikari
    Moderator

    @Aki No worries, and you’re very welcome, as well to you too @john 🙂

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