Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

CSS Change WordPress

How can I move up the text below the slideshow without effecting the style on other pages?
I trided a lot already, but it was always moving up all the page content (closer to the navigation bar) I only want to reduce the gap bettween the text an the image and only in article, not on pages.

http://design-studio-basel.ch/wenger-partner/2011/06/28/burozentrum-korperbehinderte-reinach/

2011-07-06 by Simone Fuchs

Answers (6)

2011-07-06

Duncan O'Neill answers:

Hi Simone,

try this;

on line 337, of theme.css, this file;

http://design-studio-basel.ch/wenger-partner/wp-content/themes/platformpro/css/theme.css

change the value for padding-top, on .mcolumn-pad Instead of 2em, try something like 10px.

hope this helps

Simone Fuchs comments:

I trided that already, it also changes paddings on this site, witch should not change.

http://design-studio-basel.ch/wenger-partner/category/oeffentliche-bauten/

2011-07-06

Armando Jaleo answers:

Hello Simone:

Beautiful website, I check! I answer you now.

Greetings!

Ok! Solutions:

For page http://design-studio-basel.ch/wenger-partner/2011/06/28/burozentrum-korperbehinderte-reinach/

My colleagues have reason.

In the file http://design-studio-basel.ch/wenger-partner/wp-content/themes/platformpro/css/theme.css

change in the line 337

.mcolumn-pad {
padding-top: 0;
}

But in othe page http://design-studio-basel.ch/wenger-partner/category/wettbewerbe/

In the file http://design-studio-basel.ch/wenger-partner/wp-content/themes/platformpro/css/category.php

Find <div style="margin-right:-183px" class="post-thumb">
And <div style="margin-left:183px" class="post-header fix ">

Del style="margin-right:-183px" and style="margin-right:183px"

And in http://design-studio-basel.ch/wenger-partner/wp-content/themes/platformpro/css/functions.php

Find any word...

.fpost .post-thumb img {
display: block;
margin-right: 20px;
padding: 4px;
width: 235px;
}

Change for this

.fpost .post-thumb img {
display: block;
margin-right: 20px;
padding: 2px;
width: 235px;
}

And in the http://design-studio-basel.ch/wenger-partner/wp-content/themes/platformpro/css/theme.css

Change

.fpost .post-thumb img {
display: block;
padding: 4px;
}

For this

.fpost .post-thumb img {
display: block;
padding: 2px;
}

I hope to help you!

Greetings!

2011-07-06

Buzu B answers:

Try with


.single-post .mcolumn-pad{
padding-top: 0 !important;
}

Simone Fuchs comments:

I added that, but there was no chnage:

.single-post .mcolumn-pad {

padding-top: -50px !important;

}

Buzu B comments:

try with margin instead of pading and add the div tag before the class selectors

div.single-post div.mcolumn-pad{
margin-top: -50px !important;
}

2011-07-06

Romel Apuya answers:

try this:

body.postid-307 div.mcolumn-pad{
margin-top: -20px;
}

you need to specify from which postid it is..
Im sure it wont affect the other pages...

Simone Fuchs comments:

This works for that article, but how can I make it global, for all articles?

Romel Apuya comments:

try:

body.single .div.mcolumn-pad{
margin-top: -20px;
}

Romel Apuya comments:

i mean:

body.single div.mcolumn-pad{
margin-top: -20px;
}

Romel Apuya comments:

you just have to know the body class to where your article is.

2011-07-06

Svilen Popov answers:

body.single-post div.mcolumn-pad{
margin-top: -20px;
}

2011-07-06

Jerson Baguio answers:

try put this into your css

#post-307 .fpost .entry_content{
margin-top:-26px!important;
}