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

    Hi,

    First pleas take look at this picture:

    http://www.premiummoto.pl/bullet.jpg

    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)

    THX

    #56480

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

    #56481

    http://premiummoto.pl

    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.

    #56482

    Hey,

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

    #56483

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

    #56484

    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;
    }

    #56485

    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?

    #56486

    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:

    .sidebar{
    float:left;
    margin:0 20px 40px 0;
    padding:0 0 0px 19px;
    width:150px;
    overflow: hidden;
    }

    and replace it with:

    .sidebar{
    float:left;
    margin:0 15px 40px 0;
    padding:0 0 0px 19px;
    width:150px;
    overflow: hidden;
    }

    #56487

    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 {

    background:transparent

    border-bottom:1px;

    }

    how to seperate footer things from sidebar thing

    #56488

    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?

    #56489

    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?

    #56490

    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;

    #56491

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

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

    #56492

    Hi,

    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.

    #56493

    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

    http://www.premiummoto.pl/spaces.jpg

    #56494

    In your style.css find

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

    change it to

    .sidebar .box li a {
    text-align: left;
    line-height:18px;
    }

    #56495

    ok, it worked when i added !important.

    So again green flag for you;).

    Thx

    #56496

    Glad that Chris could help you :)

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

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