logo

$5
CSS Change

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/

Simone Fuchs | 07/06/11 at 4:17am | Edit


(6) Possible Answers Submitted...

  • avatar
    Last edited:
    07/06/11
    4:24am
    Duncan O'Neill says:

    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

    • 07/06/11 4:40am

      Simone Fuchs says:

      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/

  • avatar
    Last edited:
    07/06/11
    4:55am
    Armando Jaleo says:

    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!

    Previous versions of this answer: 07/06/11 at 4:55am

  • avatar
    Last edited:
    07/06/11
    4:27am
    Buzu B says:

    Try with


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

    • 07/06/11 4:42am

      Simone Fuchs says:

      I added that, but there was no chnage:

      .single-post .mcolumn-pad {

      padding-top: -50px !important;

      }

    • 07/06/11 4:56am

      Buzu B says:

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

  • avatar
    Last edited:
    07/06/11
    4:33am
    Romel Apuya says:

    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...

    • 07/06/11 4:39am

      Simone Fuchs says:

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

    • 07/06/11 4:47am

      Romel Apuya says:

      try:

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

    • 07/06/11 4:47am

      Romel Apuya says:

      i mean:

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

    • 07/06/11 4:50am

      Romel Apuya says:

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

  • avatar
    Last edited:
    07/06/11
    4:47am
    Svilen Popov says: 

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

  • avatar
    Last edited:
    07/06/11
    7:11am
    Jerson Baguio says:

    try put this into your css

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

This question has expired.





Current status of this question: Community pot