WordPress.org

Forums

Left and right image allignment (7 posts)

  1. Wigmore
    Member
    Posted 2 years ago #

    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.

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    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.

  3. Wigmore
    Member
    Posted 2 years ago #

    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.

  4. alchymyth
    Forum Moderator
    Posted 2 years ago #

    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.

  5. Wigmore
    Member
    Posted 2 years ago #

    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?

  6. alchymyth
    Forum Moderator
    Posted 2 years ago #

    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.

  7. Wigmore
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic