Sidebar work « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

Sidebar work

18 posts from 3 voices

Started 1 year ago by Qcor
Latest reply from Dude
This topic is resolved

Tags:

No tags yet.

Qcor
Member

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

Posted 1 year ago #
Dude
Dude

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

Posted 1 year ago #
Qcor
Member

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.

Posted 1 year ago #
Dude
Dude

Hey,
I just get "Premiummoto.pl - strona w budowie " --- please deactivate the main. mode for a second.

Posted 1 year ago #
Qcor
Member

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

Posted 1 year ago #

Dude
Dude

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

Posted 1 year ago #

Qcor
Member

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?

Posted 1 year ago #
Dude
Dude
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;
}
```
Posted 1 year ago #
Qcor
Member

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

Posted 1 year ago #
Qcor
Member

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?

Posted 1 year ago #
Qcor
Member

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?

Posted 1 year ago #
Dude
Dude
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;
```
Posted 1 year ago #
Qcor
Member

no reaction,wherever i past the first font-face...
what can i do to match font from right sidebar to left?

Posted 1 year ago #
Chris Beard
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.
Posted 1 year ago #
Qcor
Member

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

Posted 1 year ago #

Chris Beard

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

Posted 1 year ago #

Qcor
Member

ok, it worked when i added !important.
So again green flag for you;).
Thx

Posted 1 year ago #
Dude
Dude

Glad that Chris could help you :)

Posted 1 year ago #