Help with entering in CSS

  • Unknown's avatar
    newbiecss · Member ·

    Hey guys!!

    Congrats for the forum, its always great to have a community that helps out newbies like me!

    I have an issue trying to center some content in a page that I am trying to publish.

    I have tried everything but can’t seem to get it right. I am using a template and trying to adapt it. So in few words this is what I am trying to do:

    http://postimg.org/image/xb3or7t0r/

    I am trying to center both the text on top (which in the image is already centred), the image and the text. Here would be my ideal position:

    http://postimg.org/image/bnq9f3aef/

    Its not a great drawing, but what I am trying to do is pretty much try to shift everything left and have it centred.

    I have a style sheet and my index sheet. The code for those sections is:

    Style.css (for that section):

    #section-2 {
    padding: 24px;
    text-align: center;
    display: none;
    }

    #section-2 {
    padding-top: $ts-topbarheight + 24px;

    h2 {
    padding-top: 40px;
    }

    .row {
    float: left;
    }

    .text__transit {
    width: 50%;
    float: left;
    }

    .image__transit {
    width: 50%;
    float: left;
    }
    }

    And the index.css

    <section id=”section-2″ class=”home__section”>
    <h1>Named after…. text </h1>
    <div class=”row”>
    <h2>NED KELLY ED…..</h2>
    <div class=”image__transit”>
    <img class=”home__limited-image” src=”{{‘web-2-page-NK.png’ | asset_url }}”>
    </div>
    <div class=”text__transit”>
    <p>Edward Ned……… (text) .</p>
    </div>
    </div>

    I have been trying to change padding and the text align, but both the image and the title on top move, and I just need one thing to move at the time.

    Could you please give me a hand? I am sure this is something fairly easy to do I am just missing the trick behind it….

    Thank you so much!!
    Mike

  • Unknown's avatar
    galois · Member ·

    Hi. What is the URL of your site/blog? (starting with http://….)

  • kathrynwp · Staff ·

    Hi there! This forum is for folks helping folks hosted here at WordPress.com, but I suspect that’s not the case with your site – in fact, I’m not even sure you’re building a WordPress site at all, since parts of your code don’t look like WordPress code. :)

    Are you using a particular platform to build your site? If you tell me which one I can try to point you in the right direction for getting support. Or you can always ask general CSS questions over at StackExchange:

    http://graphicdesign.stackexchange.com/questions/tagged/css

  • The topic ‘Help with entering in CSS’ is closed to new replies.