1

[NeoKamui]

NeoKamui

#1127

Hey there!

I am currently changing the layout of our websites blog

http://www.playandroid.com/blog/

I would love to have the Blue boxes over every widget over every post, non regarding if it is on main or on a categorie site.

Does anybodie now what i have to change in order to achieve that?

[Kenneth John Odle]

Kenneth John Odle

#14653

Not quite sure what you mean here. As far as I can tell, all of your widgets appear the same everyhere: posts, pages, category pages.

Or do you mean this, which only shows up in your category pages? Do you want that to appear at the top of every post?

Ken

[NeoKamui]

NeoKamui

#14654

Well that is another think.

First of all i want to have the blue bar that i have over the widgets above every blog post. So that you have the Post-heading under the blue background with white font. The rest of the post is as it is right now.

THe category box should be removed also

[Kenneth John Odle]

Kenneth John Odle

#14655

This is the CSS for the sidebar header:

.sidebar h3 {

background: url(images/bg-sidebar-h3.png) left bottom repeat-x #204C91;

background: -moz-linear-gradient(#3577B4, #204C91);

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3577B4), to(#204C91));

background: linear-gradient(#3577B4, #204C91);

border-bottom: 1px solid #195392;

-moz-border-radius: 5px 5px 0 0;

-webkit-border-radius: 5px 5px 0 0;

border-radius: 5px 5px 0 0;

color: #fff;

*display: inline;

font: bold 16px/20px arial;

margin: -15px 0 5px -12px;

padding: 7px 12px;

text-shadow: 0 -1px 0 #555;

width: 100%;

zoom: 1;

}

You will need to add that as custom CSS for the elements you want to change.

[Wesley]

Wesley

#14656

If I want that border for each of my page titles and post titles. Basically I want the same border as the widget on all page and post titles.

Where exactly do I add custom CSS, or how?

[Wesley]

Wesley

#14657

This worked. I still have 3 problems:

1. I want to change the color of the border to red, but I’m not sure which color needs to change. I changed them all to #ab0d18 and that didn’t work.

2. I want to change the font to white, but that’s not working either

3. Most importantly the top of the border is not in line with the sidebars.

http://www.civilpeprep.com

Any help would be appreciated.

[Wesley]

Wesley

#14658

So here is the code I have in the Custom CSS

.type-page .post-title {

background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;

background: -moz-linear-gradient(#ab0d18, #fff);

background: -webkit-linear-gradient(#ab0d18, #fff);

background: linear-gradient(#ab0d18, #fff);

border-bottom: 1px solid #195392;

-moz-border-radius: 5px 5px 0 0;

-webkit-border-radius: 5px 5px 0 0;

border-radius: 5px 5px 0 0;

color: #fff;

*display: inline;

font: bold 16px/20px arial;

margin: -15px 0 5px -12px;

padding: 7px 12px;

text-shadow: 0 -1px 0 #555;

width: 100%;

zoom: 1;

}

For some reason the colors still remain blue on blue instead of red on white like my widgets.

What can I do to get the page title block to match the widget block?

http://www.civilpeprep.com

[Kenneth John Odle]

Kenneth John Odle

#14659

An idea: try changing

.type-page .post-title {

to

h2 .post-title {

This is what Firebug describes.

Ken

[Wesley]

Wesley

#14660

That unfortunately did not work. I tried that and it removed the header block altogether.

Also is there anyway to move the page up? If you take a look at my site the page is not in line with the sidebars.

http://www.civilpeprep.com

[Wesley]

Wesley

#14661

Any ideas?