WordPress.org

Ready to get started?Download WordPress

Forums

horizontal align text and image. (9 posts)

  1. markbarna
    Member
    Posted 1 year ago #

    Hello!

    I'm having a problem with a text and image alignment when I need to visualize a single post.

    Right now I have this part of code

    <div class="gridly-copy">
         <?php the_content(); ?> 
    
         <p><?php the_tags(); ?></p>
    
         <div class="clear"></div>
    
         <?php comments_template(); ?>
    </div>

    The important part is "the_content();" but I can't put the text box on a left side and the image slider in the right side like this image

    http://postimage.org/image/u7bxe6ia7/

    The images are uploaded by a plugin and I don't understand how can separate and align this.

    Thank you in advance.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Can you post a link to your site? It's actually likely a CSS issue - and those require being able to look at the site live.

  3. markbarna
    Member
    Posted 1 year ago #

    Thank you for reply WPyogi!

    this is the link http://bit.ly/WqekRN

    Mark

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It looks like it's just CSS problems - right now the entire "gridly-copy"" div is set to 710px wide - and the slider is set to 100% width inline CSS here:

    <div id="new-royalslider-1" class="royalSlider new-royalslider-1 rsDefaultInv rs-default-template rsHor rsWithBullets" style="height: 332.085px; width: 100%;">

    Change the width and then add "float: right" to this CSS:

    .royalSlider {
        direction: ltr;
        float: right;
        overflow: visible;
    }

    Remove position relative in the above as well.

    Then set a width on the text section.

  5. markbarna
    Member
    Posted 1 year ago #

    Ok...so it seems that can be resolved by modifying css and not php
    Is it true?

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, from what I can see, that should be the case (not 100% positive as I haven't fully made it work or tested it) - though you should address the HTML errors:

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.marcosansalone.com%2Fworks_%2F2013%2Fonni%2Ftacchi-misti%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  7. stn-hs.admin
    Member
    Posted 1 year ago #

    maybe this is my issue too... all the text in my pages "overflows" my theme's main menu section on my website. I tried putting everything into tables, but my theme wont let me customize table width, color or borders >:( so that didn't work either. Am I suffering from the same issue? do I need to re-configure my theme's "gridly-copy"" div? or am I dealing with something else altogether?

  8. markbarna
    Member
    Posted 1 year ago #

    @stn-hs.admin you need to do the same with Gridly theme?

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @stn-hs.admin - it's always best to start a new thread if you need help. It's confusing and cumbersome to try to help more than one person at a time. Please also include a link to your site.

Topic Closed

This topic has been closed to new replies.

About this Topic