• Hi Folks,
    Loving WordPress a lot but having issues with styling. I’m beginning to realize in-line styling doesn’t work very well so on kind advice from Augustin56 I installed Simple Custom CSS.
    I’ve successfully used it to left align social icons in the side bar but on my home page it isn’t helping me with aligning some text to the vertical middle of an image. I read in the forums that you should wrap the image and the text in a div and apply your class to that.
    The affected image/text is on the home page here:
    https://www.snapsphotoservices.biz/

    This is my class as added to Custom CSS:

    .middle-text {
      vertical-align: middle !important;
    }

    This is the code as seen via page text view:

    <div class="middle-text">
    
    [caption id="attachment_106" align="alignleft" width="300"]<img class="size-medium wp-image-106" style="vertical-align: middle;" src="https://www.snapsphotoservices.biz/wp-content/uploads/2015/10/Y_Morfa_Venue1-300x169.jpg" alt="photo of venue" width="300" height="169" /> The Club' s New Home[/caption]
    
    <hr />
    
    <strong>Beginners to experts all welcome.</strong>
    If you would like to join Conwy Camera Club, please email the Membership Secretary at: <strong><a href="mailto:[email protected]">[email protected]</a></strong>
    
    <hr />
    
    </div>
  • The topic ‘Jolene & WP4.3.1 Vetical image/text alignment issues.’ is closed to new replies.