logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
Change widget size and blog post..

Hi,

http://www.airlinestaffrates.com
I want to change the widget to 300px and the blog post accordingly

Move the header up a bit


http://www.airlinestaffrates.com/travelmagazine
Change the green color on "Kontakt"

Move the white navigation header up a bit to the logo

thanks

This question has been answered.

attachment image View Attachment

Charlotte Raboff | 05/24/11 at 8:08am Edit


(1) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    05/24/11
    8:46am
    Christianto says:

    Hi Charlotte,

    This use 350px that would fit most content on sidebar widget, see my explanation on comment below.

    On style.css
    line 12 change #wrapper to


    #wrapper {
    margin: 5px auto 20px;
    width: 990px;
    }

    line 26 change .blog to

    .blog{
    background: white url(http://airlinestaffrates.com/wp-content/themes/charlotte_ny_new/images/blogtop.gif) no-repeat 0% 0%;
    float: left;
    margin-top: 10px;
    width: 630px;
    }

    line 129 change #sidebar to

    #sidebar{
    display: block;
    float: right;
    margin-right: 10px;
    overflow: hidden;
    width:350px;
    }

    line 113 change #sidebar3 width to 310px

    #sidebar3 {
    background: white url(http://airlinestaffrates.com/wp-content/themes/charlotte_ny_new/images/sidebar3top.jpg) no-repeat 0% 0%;
    display: block;
    overflow: ;
    padding-right: 20px;
    width: 310px;
    }


    Hope this help

    Previous versions of this answer: 05/24/11 at 8:26am | 05/24/11 at 8:40am | 05/24/11 at 8:46am

    • 05/24/11 8:33am

      Christianto says:

      Honestly this require not only editing css but also content adjustment...
      Most of image/widget in your site will get cut if you set the width to 300px..

    • 05/24/11 8:37am

      Charlotte Raboff says:

      They are already 300px but, it will be the blog post that have to not enough wide images..

      anyway - I just added your changes but nothing happen

    • 05/24/11 8:44am

      Christianto says:

      350px would be a good number, I've edit the above code to 350px

      Also there are background image that need adjustment..
      the background image create an effect of round box..
      directory :
      charlotte_ny_new/images/blogtop.gif
      charlotte_ny_new/images/blogbottom.gif
      charlotte_ny_new/images/sidebar3top.jpg
      charlotte_ny_new/images/sidebar3bottom.jpg

      for the SEARCH & BOOK HOTELS search, Did you use plugin or custom code, I think you should edit it manually.

    • 05/24/11 8:47am

      Charlotte Raboff says:

      thanks - the widget is now changed BUT it has to be align with the header and the blogpost need to be wider accordingly

    • 05/24/11 8:50am

      Charlotte Raboff says:

      thanks for the background image files!

      re widget I think 300px looks ok

      I will change the Search Hotel box manually later on...

    • 05/24/11 8:50am

      Christianto says:

      Please see my code above again.. I edit it the code..

    • 05/24/11 8:56am

      Christianto says:

      sorry on line 129 should be #sidebars not #sidebar


      #sidebars{
      display: block;
      float: right;
      margin-right: 10px;
      overflow: hidden;
      width:350px;
      }

    • 05/24/11 8:57am

      Christianto says:

      and .blog on line 26 to #blog


      #blog{
      background: white url(http://airlinestaffrates.com/wp-content/themes/charlotte_ny_new/images/blogtop.gif) no-repeat 0% 0%;
      float: left;
      margin-top: 10px;
      width: 630px;
      }


      :D

    • 05/24/11 8:58am

      Charlotte Raboff says:

      Ops - something happen!! the widget is gone

    • 05/24/11 9:04am

      Charlotte Raboff says:

      Thanks - it´s working now

      can you help me the other small issues at http://www.airlinestaffrates.com/travelmagazine

    • 05/24/11 9:12am

      Christianto says:

      for the white navigation header
      on line 33 in custom.css change #menu to


      #menu {
      margin: 20px 0px;
      }


      For the kontakt what color you want to show?

    • 05/24/11 9:13am

      Charlotte Raboff says:

      I want red f0381e

    • 05/24/11 9:15am

      Christianto says:

      on custom.css line 41 change a tag to


      #menu .tagsmenu a {
      color: #f0381e;
      }

    • 05/24/11 9:18am

      Charlotte Raboff says:

      Thanks :)

    • 05/25/11 7:14am

      Charlotte Raboff says:

      Christiano,

      the hotel search box has just been wider but it does not show correctly now when the blogroll is wider - see http://www.airlinestaffrates.com

      thanks

This question has expired.



Charlotte Raboff voted on this question.



Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.