Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #15820

    Hi there,

    Am having some problems styling the footer widgets, I have different text styles for different widgets.

    - first widget which contains a custom menu I would like to have the text in a larger font and in white, with the hover link white as well but no dotted lines;

    – second widget I would like the first line of the text to be styled differently from the para underneath it. So accreditation in Arial #000 but the text underneath in Georgia #999

    Having looked at the style sheets I’ve tried various combinations to try to target these areas but to no avail! Your help would be appreciated.

    Susan

    psIf it helps, here is a link to the site showing the footer as it is at the moment.

    http://s154267.gridserver.com/?page_id=410

    #89142

    Hi Susan,

    What you’ll need to do is find the ID of the widget DIV. You can do that by going to View Source for the page. So for example the first widget’s ID is 15. To target that widget you would use something like this:

    #footer.container_wrap.socket_border #text-15.widget {
    color: #FFFFFF !important;
    font-family: Arial,sans- serif;
    font-size: 11px;
    }

    Or for links you may use this:

    #top #wrap_all #footer #text-15.widget a:hover {
    color: #FFFFFF !important;
    }

    You may have to use !important out to the side on some declarations.

    Hope this helps!

    Regards,

    Mya

    #89143

    Hi Mya, the styling you gave me worked in that it gave me the #fff on hover. but the text is still black when you don’t hover over it.

    It does work by adding an “a” before the “a:hover, but for some reason this also attached itself to the hover on my main navigation menu at the top and changed the hover color there to white too! Not quite sure what happened there.

    Have you got any other ideas?

    Susan

    #89144

    Hi Susan,

    Can you fill in some content into the footer so we can take a look live? Leave the CSS from Mya intact as well so that we can see how its interacting s from the looks of it, it shouldn’t have any issues.

    Regards,

    Devin

    #89145

    Hi yes, you should be able to view it now – for some reason i managed to blank the whole lot out when I was transferring some styles to custom.css last night.

    Many thanks, Susan

    #89146

    Hi Susan,

    Try this:

    #top #wrap_all #footer #text-15.widget a {
    color: #FFFFFF !important;
    font-family: Arial,sans- serif;
    font-size: 11px;
    }

    Regards,

    Mya

    #89147

    brilliant! Thanks Mya. susan

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘styling footer widgets in Propulsion’ is closed to new replies.