horizontal align text and image.

  • 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

    https://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.

Viewing 8 replies - 1 through 8 (of 8 total)

  • 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.

    Thread Starter markbarna

    (@markbarna)

    Thank you for reply WPyogi!

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

    Mark

    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.

    Thread Starter markbarna

    (@markbarna)

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

    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:

    https://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

    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?

    Thread Starter markbarna

    (@markbarna)

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

    @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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘horizontal align text and image.’ is closed to new replies.