How do I right-align photos and get text to wrap using Abstractia 1.0 theme

  • Resolved katerugani

    (@katerugani)


    15 years, 6 months ago

    Hello everyone,

    Disclosure: I’m very new to wordpress and am not a developer, so please let me know if I’ve omitted critical info in posting this query.

    I’m using the Abstractia 1.0 theme with WordPress v2.7. When I attempt to insert a photo and select the alignment I prefer (in this case, right-aligned), the image that gets added to the text box appears to be in the right place, and the text wraps around the image as it should.

    However, in preview mode, and when the page is published, the image is always left aligned, and the text does not wrap.

    The HTML indicates that it should be right aligned. Here’s an example of the HTML from the edit page screen, where I would like to insert a photo:
    [caption id="attachment_16" align="alignright" width="150" caption="Kate Rugani: Freelance Writer and Communications Consultant"]<img class="size-thumbnail wp-image-16" title="Kate Rugani" src="https://katerugani.com/wp-content/uploads/2009/04/kate-green-dress-150x150.jpg" alt="Kate Rugani: Freelance Writer and Communications Consultant" width="150" height="150" />[/caption]

    Any advice? Do I need to make changes to a style sheet? (If so, please be very explicit in how to change it — again, I’m a novice!) I’d really like to continue using this theme!

    Thanks!

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

  • Do I need to make changes to a style sheet?

    Yes but it should be relatively simple. Open layout.css and add the following code to the bottom of the file’s content:

    .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

    That should fix your problem. If not, we’ll have another go at it.

    Thread Starter katerugani

    (@katerugani)

    It worked! Thanks so much!!!

    vmiko2op

    (@vmiko2op)

    Hello,
    Obviously I’m not good at this(!) Please, how do I enter a link to my email address without the address actually showing on my HOME page? Below is code for my contact info (sans the TOLL free #). Many THANKS! My site is https://www.welcomehomenetwork.net.
    Vicki

    </td>
    </tr>
    <tr>
    <td class=”headerMain”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
    <tr>
    <td class=”topBox”>
    <h2 align=”center”>Call Us Toll Free</h2>
    <h3 align=”center”>951-304-2669
    619-772-2659

    [email protected] </h3>

    </td>

    <a href="mailto:[email protected]">Email</a>

    starting a new thread to get help is a better idea usually!

    vmiko2op

    (@vmiko2op)

    Thanks RVoodoo! I will start a new thread, sorry about that. I want to make the text white. Vicki

    vmiko2op

    (@vmiko2op)

    Hello again RVoodoo,
    Don’t laugh, this may be beyond your scope but here goes, I have an image right-align and tables Q. USANEThosting designed my site in WordPress Classic 1.5 theme. Per my contract I now have to edit my own site (yikes!). The photos on https://welcomehomenetwork.net/?page_id=5 are in a table with the text. How can I take the photos out of the table and right-align them separately, as they are not aligned properly? I want to eventually hyperlink some of the photos and the text items in the list. Many Thanks! Vicki

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How do I right-align photos and get text to wrap using Abstractia 1.0 theme’ is closed to new replies.