WordPress.org

Support

Support » Themes and Templates » Left and right image allignment

Left and right image allignment

  • I am using the Sonar Theme. When I allign an image to left or right, the text is not appearing next to the image on the actual site. It shows correctly when editing the page. If there is a title and then text the title is shown next to the image but the text appears below. For example I have an image of a staff member with their name and then some text, but only the name appears next to the image.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    as your theme seems to have the corresponding styles ( http://codex.wordpress.org/Wrapping_Text_Around_Images ) the cause might be something else – either a headline interfering or your site’s style.css being brokwn…

    if you post a link to a post or page with the problem, somebody might be able to suggest what to do.

    Thanks, my site has not been uploaded to my hosting site yet but you can see one of the pages at http://www.wigmorevets.co.uk/wordpress/meet-the-team. The text should be appearing in between the pictures as it shows when I am editing.

    Moderator Michael

    @alchymyth

    Forum Moderator

    your texts are formatted as headlines (for example with the h4 tag) which have a ‘clear: both;’ in the stylesheet.
    also, the images are within a h4 as well.

    change the formattings to normal paragraphs, and you should get the alignment you want.

    Thank you, I thought this might be the case. I made the text as a heading as the paragraph text is too big! Is there a way of changing the size of the paragraph txt in the editor?

    Moderator Michael

    @alchymyth

    Forum Moderator

    Is there a way of changing the size of the paragraph txt in the editor?

    no – you will need to edit the style.css of the theme, or use a custom css plugin to add the edited styles.

    the (paragraph) font size is inherited from (line 605 in style.css):

    #content,
    #content input,
    #content textarea {
    	color: #333;
    	font-size: 16px;
    	line-height: 24px;
    }

    but changing it there will cange also the sizes of the headlines etc;

    possibly add this new style just for paragraphs:

    #content p { font-size: 12px; line-height: 18px; }

    adjust the values to suit your needs.

    Thank you so much Alchymyth. I’m new to Word press as you may be able to tell! I’m learning so much very quickly. I’ve never used short code before so it’s a definite learning curve! Thanks again. Suzi

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Left and right image allignment’ is closed to new replies.