WordPress.org

Ready to get started?Download WordPress

Forums

help with code??? (7 posts)

  1. kstavert
    Member
    Posted 10 months ago #

    I know enough code to insert photos or links...

    I am helping a friend .... moved their site and
    changed it from a weebly site to WP...

    I just copied all of the html and inserted it
    into the wp pages...

    I am pretty sure that there is a tonnnnnnnn of
    extra code and don't have the time, etc to remove
    what's not necessary....

    One of the pages (sponsors) is set up with columns
    - which is great....

    However, after I added all of the logos to each
    of the sponsors copy, stray words are sticking out
    of the side of the logos... or running into other
    columns...

    this is the code that's used for each of the
    sponsors...(I now REALLY see the benefit of
    using CSS :)

    <h2 style="text-align: left;"><a><span style="color: #000000;">PowerMadd</span></a></h2>
    <span style="float: left; z-index: 10; position: relative; ;clear: left; margin-top: 0px; *margin-top: 0px;"><a href="http://www.powermadd.com/"><img src="http://almostarace.com/wp-content/uploads/2013/10/Project1.png" style="margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; border-width: 1px; padding: 3px;" alt="Picture" src="/uploads/3/1/8/5/3185723/6843323.jpg" /></a></span>
    <div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px; text-align: center;"></div>
    <div class="paragraph" style="text-align: left; display: block;">

    I will greatly appreciate if someone
    would tell me what to add (or delete)
    from this code (same for all except
    the url/company name) so that the
    logo will be above the text - about
    20 px padding between the logo and
    text...

    I guess, what is happening is that
    the text is wrapping around the side
    of the image..

    thank you many bunches

  2. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Can't answer something like this without seeing the site.

  3. kstavert
    Member
    Posted 10 months ago #

  4. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Yeah, that's quite a mess (sorry - yes, using external CSS would definitely be a a better way to go) - but see if adding "clear" to this works:

    <div class="paragraph" style="text-align: left; display: block; clear: both;">

    You'll have to do it for each one.

  5. kstavert
    Member
    Posted 10 months ago #

    I thank you many bunches...will give this a whirl

    I looked for plugins that would help me set things
    up in columns and wasn't able to figure them out....

    so, for now, we have the mess

    does it matter where I put this code?

  6. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Yes, it has to go in the inline CSS for each paragraph that you want to go below a floated image.

  7. kstavert
    Member
    Posted 10 months ago #

    thank you so very much... it worked like a charm

    my eyes are crossed now from wading through all
    of that code....

    I will work on setting it up with CSS...

    again...thanks so very much
    Karen

Reply

You must log in to post.

About this Topic