Forums

[resolved] Twenty Ten - Footer Widget - CSS (11 posts)

  1. Mouseco
    Member
    Posted 1 year ago #

    Hi all :)

    My first post here, read all the rules, so hopefully this will go smoothly.
    I've been working on my new WP website (wakelin.eu) - and learning CSS editing and some basic PhP skills.

    At the moment I've made a few changes based on stuff ive learnt.
    I've added code to H2 (I wanted my page titles to be under lined in a unique way) and Widget title to add a bottom border.
    #content h2 {border-bottom: 3px solid red;}

    .widget-title {
    	color: #222;
    	font-weight: bold;
    /* EDITED BY ME */
    	border-bottom: 3px solid red;

    Now this has had the desired effect and a little extra naggle.
    I didnt know the bottom (Footer) widgets would also have this border.

    So a few questions

    Instead of editing content H2 - Is there a better way to underline page titles?

    Are the bottom 4 widget spaces defined in the CSS at all?
    (I looked for #first #second ...but no joy)

    Is there a way to remove this border on only the bottom 4 Widgets?

    Hopwfully you kind people can help, and I can learn a little bit more ^_^

    Martin

  2. Mouseco
    Member
    Posted 1 year ago #

    I've since changed the h2 entry and instead changed

    #content .entry-title {
    	color: #000;
    	font-size: 21px;
    	font-weight: bold;
    	line-height: 1.3em;
    	margin-bottom: 0;
    	border-bottom: 3px solid red;
    /* Edited by Me - Page Titles / Blog Titles Underline Red */

    This works for page titles and blogs now, and frees up <h2> to be used in normal posting again ...

    Footer Widgets still an issue :(

  3. t-p
    Member
    Posted 1 year ago #

  4. Mouseco
    Member
    Posted 1 year ago #

    I dont see how, since if I add widget-title down there it changes the true sidebar ones ...
    Quite an annoyance :)

  5. Mouseco
    Member
    Posted 1 year ago #

    .widget-title {
    	color: #222;
    	font-weight: bold;

    Is a universal bit of code, and if i add two entries, the last one is used ... So If further up the CSS I add a border for red, then one for blue, blue gets used.

    I can only see this issue being solved if I can locate the widget div expressions and someone ban all content underlining ... at least in those divs .... mmmm Fun times!

  6. Mouseco
    Member
    Posted 1 year ago #

    Okay - Officially stumped on this issue :)

    Can anyway at least show me where teh "footer" style divs are outlined?
    Website is here

  7. alchymyth
    The Sweeper
    Posted 1 year ago #

    sidebar:

    #primary .widget-title, #secondary .widget-title { ... }

    footer:

    #footer-widget-area .widget-title { ... }

  8. Mouseco
    Member
    Posted 1 year ago #

    sidebar:

    #primary .widget-title, #secondary .widget-title { ... }

    footer:

    #footer-widget-area .widget-title { ... }

    And so it goes I LOVE you :)
    Thanks for the help... Knew I was missing something :)

  9. anudhinakaran
    Member
    Posted 1 year ago #

    Hi,

    I want sidebar widget for links should be displayed in a paragraph style instead of li format. How to do that.. COuld somebody help me?

  10. oliverdesigns
    Member
    Posted 1 year ago #

    Same problem as above (Anudhinakaran)!!

  11. oliverdesigns
    Member
    Posted 1 year ago #

    Same problem as above (Anudhinakaran)!!

Topic Closed

This topic has been closed to new replies.

About this Topic