Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
  • #7069


    First pleas take look at this picture:

    U can see the right sidebar problem.

    First i would like to get rid of the bullets (i tierd but i couldn’t center the content).

    When bullets will be gone, it would be good to center the content in sidebar

    Then i would like to get rid of this borders around Car Logo icons (i suppose it would effect images also, but it’s ok)

    Then i would like to display Car Logo and name and number of publications in one line

    Then i would like to get rid of this grey horizontal lines

    It’s not the widget thing beacouse this widgeds (category icons and WP Most popular Posts) uses theme css.

    (i remember doing this in older version of newscast, but all was messed up)



    Please post a link to your website – we can provide a custom solution then.


    i know the problem is widget/plugin dependet and how they interact with theme css but i also know that could be easily solved viad style3.css ediit and style.css. But i can’t do this properly.



    I just get “ – strona w budowie ” — please deactivate the main. mode for a second.


    right, sorry. I thought i did it :). Now is open


    Add following code to style.css:

    .sidebar .box li a, .box .recentcomments, .entry ul li, .sidebar .box li a img, .sidebar .box a:hover img {
    background: none !important;
    border: none !important;

    .sidebar .box li a{
    padding: 3px 0 !important;

    .sidebar .box li a{
    text-align: center;

    .box.widget_caticons li a, .box.widget_caticons li a img{
    display: inline !important;


    done, but it not working…

    besides all – left margin to big…

    i can edit existing classes but need to know which one

    pictures should be aligned with the widget heading

    and the left sidebar – why does the margins left and right are not even?

    and BTW – does this !importatn thing is CSS good practice? Is this working with IE?


    I changed the code above a bit. !important is standard css syntax/code and it makes sure that these attributes won’t be overwritten. IE supports it like every other browser.

    To adjust the sidebar padding search for following code in style.css:

    margin:0 20px 40px 0;
    padding:0 0 0px 19px;
    overflow: hidden;

    and replace it with:

    margin:0 15px 40px 0;
    padding:0 0 0px 19px;
    overflow: hidden;


    ok, we can say we DID it;

    still there are some issues with footer – main element has some margin or padding right – look at the slider in the footer – picture is to the right to much. Also bottom space is now bigger

    i found out that this (class, or what is this) in style3.css influence footer but also sidebar

    .box li a,#footer .box .recentcomments {




    how to seperate footer things from sidebar thing


    one more thing – if u look at the right sidebar – “Najpopularniejsze”

    WP popular post is using here

    why does thumb have not RIGHT border side (1px border)? mayby sth with margin?

    and btw. why font there has different face than used on the left side?


    problem almost solve;

    but only one more thing is this font issue;

    Where can i change the font – i suppose widget on the left consider titles as another category than widget on the right. or what?

    How to unifi this fonts?


    Yes – two different fonts are used – both can be changed in style.css. The headlines use:

    font-family:"Trebuchet MS",Arial,Helvetica,san-serif;

    and the body text:

    font-family: Arial, Helevtica, Verdana, san-serif;


    no reaction,wherever i past the first font-face…

    what can i do to match font from right sidebar to left?



    As dude said, headlines are using Trebuchet MS – so I added the following to the bottom of your style3.css and it did change.

    .srp-widget-title-link {
    font-family: Arial, Helvetica, Verdana, sans-serif !important;

    If this isn’t what you’re searching for please provide an image to clarify.


    now it’s almost perfect

    but one more quick and easy think :)

    i don’t now how to set a line hight – in the right sidebar the space between text line is a little to big

    pls look at the picture


    In your style.css find

    .sidebar .box li a {
    text-align: left;

    change it to

    .sidebar .box li a {
    text-align: left;


    ok, it worked when i added !important.

    So again green flag for you;).



    Glad that Chris could help you :)

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

The topic ‘Sidebar work’ is closed to new replies.