CSS HELP needed please

  • Resolved uk_martin

    (@uk_martin)


    11 years, 12 months ago

    Hi.

    I’m struggling. I have the Social Media Badge widget that I want to include on page templates. I want them to “float” right, with all the rest of the text on the page flowing around it, in the normal way of things.

    The problem is that I can float the widget “right” without any problems, but when I do, the rest of the text is pushed down to the bottom of the page. The only solution so far has been to have 2 Div’s with the text in the left Div. This then looks silly after the bottom of the widget when the left div keeps to it’s width.

    example – https://www.ukmartin.com/chris-harris/

    The Social Meda Badge widgetr is contained within a <div class=”twittersb”> div whereas, to keep the rest of the site “safe” I created the <div class=”entry-content-2″> for the text.

    The CSS is:
    <
    .twittersb {
    float:right;

    }

    .entry-content-2 {
    width: 465px;
    float:left;
    margin-left: 5px;
    margin-right: 5px;
    }
    >

    Can someone please suggest how to get to my desired end-point?

    Many thanks in advance for any kind help forthcoming.

    Martin

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you sure you’re not just experiencing a browser compatibility issue? Which browser & browser version is the issue concerning?

    Thread Starter uk_martin

    (@uk_martin)

    I’m using Firefox (v 19.0.1), and have tested the page in Chrome IE and Opera before getting to where I am now.

    I use the same browser to see “floating” working on all the CSS tutorial web sites, so I know that the browser works…

    in style.css, there are img.aligncenter and .aligncenter styles which are formatted with a clear: both;

    (used on the little square image)

    Thread Starter uk_martin

    (@uk_martin)

    Hi Alchymyth

    Was that a complete message or was the “enter” pressed early? I get the feeling that something good was about to be said…can’t wait ??

    One thing about “style.css” and that’s WHICH style.css??? This always beats me up when there are plug-ins which have their own themes that feature a “style.css” as it ends up with which style.css is which? The plug-in’s own, or the main theme’s?

    that is the full message
    – your problem is likely caused by the mentioned styles towards the end of style.css of your currently used theme;

    remove the ‘clear: both;’ from them.

    Thread Starter uk_martin

    (@uk_martin)

    FANTASTIC – thanks very much for your help ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS HELP needed please’ is closed to new replies.