Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS how to position text to right?

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #200333
    ameo
    Participant

    hi

    could anyone please write me a code to position
    date text on the bottom of post box on the right
    part of the box – separate it from that middle dot

    http://demo.wpmultiverse.com/griffin/

    2.
    I would also like to know how to make something like this:
    http://xenfocus.com/demo/index.php

    whole that part where is says XenFocus
    so I could highlight subtitle text of theme with this & enhance it

    #200336
    Paulie_D
    Member

    Note sure what you are asking…it’s all text in a span

    <span>Michael Burrows • November 4, 2014</span>
    

    So there is very little you can do without changing the HTML structure…can you do that?

    BTW…we don’t write code on demand..if you’re having trouble with your code we may be able to help. What have you tried?

    As for your second question…I’m not sure what it is you are asking.

    #200343
    ameo
    Participant

    yes, I could change html structure, but how would my css look like then?

    should i put this into div and then put 2 span classes, one for each one? what is the best approach? I only want that text
    to be moved to right side of the box and not to be together.
    Michael Burrows • <span2>November 4, 2014</span2>

    <hr />

    My second question is basically about putting
    some kind of semi transparent background behind this text:
    <i>Just another wpmultiverse demo site powered by the Griffin theme.</i>
    like it was done in that forum theme.

    #200353
    Paulie_D
    Member
    #200355
    ameo
    Participant

    I’m sorry, this is how my question should have looked like in the first place:
    &lt;p class="comment-meta"&gt;
    &lt;span class="comment-author"&gt;&lt;?php comment_author(); ?&gt;&lt;/span&gt;
    &lt;span class="comment-date"&gt;&lt;?php echo get_comment_date() . ' - ' . get_comment_time() ?&gt;&lt;/span&gt;

    How do I apply float:right to comment-date?

    #200357
    Paulie_D
    Member

    See…if you’d given us the proper code in the first place it would have been much simpler.

    https://jsfiddle.net/758oLna9/

    #200361
    ameo
    Participant

    could you please look @ this css file:
    http://demo.wpmultiverse.com/griffin/wp-content/themes/griffin/style.css?ver=4.1.1

    that’s why I gave you link, coz I hoped you would look at it, instead of part of the code.

    My problem is I don’t understand how to do it.

    NOW I know it is
    .comment-date {
    float: right;
    }
    but it has to be connected somehow to
    .teaser-footer

    but how?
    every option I try fails me.

    Also, can this • be in the center?

    #200364
    Paulie_D
    Member

    Until the actual HTML has been updated from the original single span there isn’t a lot we can help with.

    You might also put the “•” in a span as well. That might give us other options.

    My problem is I don’t understand how to do it.

    Then perhaps you should hire someone..

    https://jsfiddle.net/texbcvd9/2/

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.