WordPress.com Theme Chateau by Ignacio Ricci CSS Style sheet Modification and Edit.



Today I want to share you some more modifications of the latest Chateau theme by Ignacio Ricci. Just paste the following css code at the bottom of your style.css or custom.css, save it and then see the difference…
If you have any question please send me your question on the comments box.


1. If you don’t want to show the Top Navigation Menus of Theme: Chateau by Ignacio Ricci

#main-title {
clear: both;
float: left;
font-style: italic;
margin: 10px 0 0;
width: 76%;
}

#menu {
display: none;
padding: 30px 0 17px;
}

2. If you want to change the top Navigation Menu’s font color, size and font family of theme Chateau

#menu a {
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: red;
display: block;
font-family: times New Roman;
font-size: 14px;
padding: 3px 10px 5px;
}

3.If you want to change the hover color of the top navigation menus of theme Chateau

#menu a:hover {
color: green;
}

4.If you don’t want to show the search bar in Chateau theme

#search {
display: none;
float: right;
margin: 0 0 20px;
width: 22%;
}

5.If you don’t want to show Site Title,Site Description and Search Bar together in Chateau theme

#main-title {
clear: both;
display: none;
float: left;
font-style: italic;
margin: -9px 0 0;
width: 76%;
}
#search {
display: none;
float: right;
margin: 0 0 20px;
width: 22%;
}

6. If you want to change the font size,font color and font family of Theme Chateau by Ignacio Ricci

#main-title #site-title a {
color: green;
font-family: times New Roman;
font-size: 37px;
}

7. If you want to change the hover font color of Site Title of Theme Chateau by Ignacio Ricci

#main-title #site-title a:hover {
color: red;
}

8. If you don’t want to show the site Description in theme Chateau try the following code

#main-title #site-description {
color: #555555;
display: none;
font-size: 2.3em;
font-weight: normal;
line-height: 39px;
}

9.If you wan’t to change the font size, font family and color of Site Description of Theme Chateau

#main-title #site-description {
color: #555555;
font-family: times New Roman;
font-size: 28px;
font-weight: normal;
line-height: 39px;
}

10. If you don’t want to show the post date of Theme Chateau

.post-date {
display: none;
font-style: italic;
left: 30px;
line-height: 1.9em;
position: absolute;
text-align: center;
top: 15px;
z-index: 1;
}
/******** this code will help you to align the post title to the left after when there will be no post date ******/
.post-title h1 {
border-bottom: 1px solid #DDDDDD;
color: #990000;
font-size: 3em;
font-style: italic;
font-weight: normal;
padding: 6px 0 16px;
}

11. If you want to change the font color,font size and font family of “Continue Reading”

.post-entry .more-link {
color: DarkRed;
font-family: georgia;
font-size: 20px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}

12.If you want to change the Sidebar widget’s Title color, font size and font family

.sidebar-widget h1 {
color: darkRed;
font-family: georgia;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.1em;
padding-bottom: 10px;
text-transform: uppercase;
}

13. If you want to change sidebar widget’s link color, font size and font family

.sidebar-widget a {
color: darkgreen;
font-family: georgia;
font-size: 14px;
}

14. If you want to change sidebar widget’s links hover color, font size and font family

.sidebar-widget a:hover {
color: darkgreen;
font-family: georgia;
font-size: 14px;
}

15.If you want to change sidebar widget’s Title’s background color

.sidebar-widget h1 {
background-color: yellow;
color: darkRed;
font-family: georgia;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.1em;
padding-bottom: 10px;
text-transform: uppercase;
}

16. If you want to change sidebar widget’s border color from grey to orange

.sidebar-widget li {
border-bottom-color: orange;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #8C8B8B;
line-height: 1.5em;
list-style-image: none;
list-style-position: inside;
list-style-type: square;
padding-bottom: 7px;
padding-left: 0;
padding-right: 0;
padding-top: 6px;
}

17. If you don’t want to show post info/ post by information (below the blog post title) of of Theme Chateau

.post-info {
color: #555555;
display: none;
font-variant: small-caps;
padding-bottom: 0;
padding-left: 24.5%;
padding-right: 2.8%;
padding-top: 10px;
}

18.If you don’t want to show the blog post tags on the left side of each post.

.post-extras {
color: #333333;
display: none;
float: left;
font-style: italic;
line-height: 170%;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
padding-top: 61px;
text-align: right;
width: 19.2%;
}

19. If you want to add border to the image try the following code

.post-entry img {
border:6px solid grey;
}

20.If you want to change Blog Post Entry font color,size and font family

.post-entry {
color: #333333;
float: right;
font-family: times New Roman;
font-size: 16px;
padding: 15px 2.8% 0 0;
width: 72.8%;
}

21.If you want to change blog Post Title’s Background Color

.post-title {
background-color: lightgrey;
padding: 0 0 20px;
position: relative;
}

22. If you want to change blog Post Conten’t Background Color

.post-entry {
background-color: gold;
color: #333333;
float: right;
font-family: times New Roman;
font-size: 16px;
padding: 15px 2.8% 0 0;
width: 72.8%;
}

23.If you want to change the background color of Tag section

.post-extras {
background-color: gold;
color: #333333;
float: left;
font-style: italic;
line-height: 170%;
padding: 61px 0 50px;
text-align: right;
width: 19.2%;
}

24. If you want to reduce the space between Tag section by increasing the width of Blog post content

.post-entry {
background-color: gold;
color: #333333;
float: right;
font-family: times New Roman;
font-size: 16px;
padding: 15px 2.8% 0 0;
width: 76.8%;
}

25.If you want to change the width and height of the Top main image of Chateau theme by Ignacio Ricci.

#main-image img {
border: 1px solid #DDDDDD;
display: block;
height: 100px;
width: 960px;
}

26. If you don’t want to show whole content section by using css

#comments {
display: none;
float: right;
padding: 0 0 30px 0;
width: 100%;
}

27. If you want to remove the space between Header Image and Blog Post Title try the following css.

#main-image {
border-top-color: #DDDDDD;
border-top-style: dotted;
border-top-width: 1px;
clear: both;
max-width: 960px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 20px;
}

If this CSS Modification seems helpful to you? You can Let me buy a coffee :)

 

Please make some donations

124 Responses to WordPress.com Theme Chateau by Ignacio Ricci CSS Style sheet Modification and Edit.

  1. Andrew says:

    hi you have helped me in the past and i left you a donation.my auto content on my site seems to have stoped working and the message is Image cache path /home/midas25/public_html/wp-content/plugins/wp-o-matic/cache is not writable!.any suggestions thanks Andrew

    • Hi Adrew….How are you?
      …after a long time you ping me again :)

      Andrew.. would u mind to check one thing…. just uninstall the plugins one by one and check it is causing due to any of your plugins or not….and let me know … you can also add me in skype..om2000_cuet is my id.

      regards
      Om

  2. Andrew says:

    thank you will try that regards andrew

  3. Justin Montigne says:

    This is great info – thanks!

    I am using chateau on my self-hosted blog and have trouble getting text to wrap around my images. It always goes below the image, no matter what alignment I choose. Any advice?
    Thanks!

  4. Wendy says:

    HI There

    I have just started using your blog theme on my self hosted site.
    I would like to delete tags (above the twitter and facebook links, as well as the far left sidebar) from the pages, as well as recent posts (as i will use archiving widget). I cannot find my way around to do this.

    Also I would like the position of subscribe as the default last and all other widgets including recent comments and categories above subscribe.

    Would any of these changes be possible?

    Regards
    Wendy

    • HI Wendy..
      Sorry..it need to modify the php file to delete that “Tag” (need to check).

      Also..

      For the left side widgets…better you try to put any widgets in the sidebar, it will remove the defaults.

      Regards
      Om

  5. j-han says:

    Hello!

    So glad I found this.

    I’m trying to align the content to the left and make it so that I have three horizontal sections. The header and menu would be one section, the title and content would be in the middle section, and the footer would be the last section. And all three would be different colors.

    Is this possible? I’ve been trying to play around with it, but I can’t seem to get the CSS coding right.

    I am also doing this purely via CSS. I don’t have a server or am able to download the wordpress software.

    Thank you!

    j-han

  6. j-han says:

    Yes, I am the admin account. The only things I see under Appearance are:
    Themes, Widgets, Menu, Theme Options, Background, Header, Custom Design, iPad, and Extras.

    No Editor…

    • HI J-Han,
      now i understood, i think you are using wordpress.com free hosting….
      Just go to “Appearance–>Custom design” and check there is css/ style . take a backup of that css code and then paste my code at the bottom of that style sheet..

      REgards
      Om

  7. j-han says:

    I already tried doing that from the get-go, but it didn’t seem to change anything on the site. The site right now has that code in the CSS.

    Is this the correct coding to get something similar to the http://www.sheilapinkel.com site?

    • HI J-Han
      yes..the code i gave you will align the content to the left like the site you have shared..

      Regards
      Om

      • but one thing is…
        as you are using wordpress.com free hosting, so there is some limitations to achieve the design like Sheila Pinkel.

        Regards
        Om

      • j-han says:

        Hi Om,

        Like I said before, I’ve tried putting the code in, but nothing has changed.

        I know there are limitations. Maybe this type of styling isn’t possible?

        Thanks for the effort. I’ll try browsing through the support forums.

      • Hi J-Han,
        the code i gave you.. is for to make the content part to be aligned left with the title…. if you want to get the structure of shaila pinkel then you need to modify the php code. which is not possible in wordpress.com.

        though using css this can be possible..but different browser may render it differently..so it may create you problem

        Regards
        Om

  8. bundzija says:

    Hey man, it’s great to see someone willing to help others out ;) ! I was wondering, why can’t I see post format option anywhere?

    Chateau ver. 1 had the option of displaying a little image next to each posts “entry” (Lead-in sentence, before CONTINUE READING) which ver 2 doesnt seem to have :( . I would really like to enable little image previews…

    My site is http://www.grumpygrampa.com any tips?
    Thanx and many greets from Croatia!

    Alex

  9. Rebecca says:

    Hello-

    This has been very helpful, but I was wondering:

    What is the CSS to get rid of the “Leave a Reply” comments box at the bottom of the pages?? This is extremely important for my site – I only want the sites information to come one way.

    Thank you!

  10. Hi,

    I am trying to move or remove the search bar on the chateau theme! I am no code expert, would it be possible to guide me to do this? I’d greatly appreciate it! Thanks. http://www.frenchconnectionsf.wordpress.com

    • Hi ALice,
      To Remove the search from Chateau theme paste the following code at the bottom of your style sheet

      #search {
      display: none;
      float: right;
      margin-bottom: 20px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      width: 22%;
      }

      *** Same code (except display:none ) will be used to move the search bar .

      Regards
      Om

  11. KG says:

    Thank you so much for your help here. Having issues with Title and tagline. Was originally wanting to change title to own personal logo, but not sure you can do that in Chateau and worried it would delete my search engine results. Also, is there a way to move the tagline so it is under the title and to change the font and font size of the title and tagline. Thank you!

    • HI KG,
      Would u mind to share me your website URL to check?
      Regards
      Om

      • KG says:

        Sure..souperchicks.com. I removed the tagline b/c it didn’t look right..Would like to change the font and color of title..if not then we will add our logo into the header image and need to hide the title. Thank you!

      • Hi KG,
        Good Morning..
        If you want to change your Site Title in Chateau theme try the following code

        #mainTitle h1 strong {
        color: red;
        font-family: georgia;
        font-size: 3em;
        }

        Pls let me know if you need any help.

        Regards
        Om

  12. KG says:

    Thanks! Can you help me with the code to change the favicon? I have already uploaded a favicon.ico pic in my media folder. I have found the codex in header.php, but whatever I do to it I cannot change the favicon. (right now it is the crown) I can erase that line all together, but would like to change it to my pic. Thanks again!

  13. k2sidev says:

    how can i remove ♣ sign that comes in side bar widget. next to archives recent posts
    i have custromised the theme css fully but can’t get this done http://k2sidev.wordpress.com/

    • Hi k2sidev

      I have checked ur site… and i dont think it is possible to remove because it is by default coming with ur wordpress.com chateau theme.

      You can do one think…dont use the Title bar of the widget, instead use the title (widget title) inside the box if it is possible with “h1″ tag

      Regards
      Om

  14. Hi – I’d like to move the banner image to the top of the page, so that the navigation menu is below the image. Here is my site: http://jenniferadoniziovazquez1.wordpress.com/

    Also, why is it that the image quality is reduced when I upload it to WordPress? I saved it for web at 100% in Photoshop…

    Thanks!!!
    Jenna

    • Hi Jenna,
      Pls try the following code for Navigation menu below the image in Chateau theme

      #menu {
      left: auto;
      margin-left: 270px;
      position: absolute;
      right: auto;
      top: 244px;
      }
      div#main {
      margin-top: 27px;
      }

      *** Which image u r referrring to? would u mind to share me that page link where it is showing distorted?

      Regards
      Om

      • Awesome, that worked. The image I’m referring to is the banner image that says Jennifer Vazquez etc. If you look closely, all of the text is blurry and the lines aren’t sharp either.

        And one more thing, if you don’t mind…how can I put in a horizontal line of 1 or 2 pixels beneath the navigation menu?

      • Hmm, actually there is an issue. I adjusted this: top:300px;

        In Chrome it looks okay, the navigation sits nicely between the banner image and the body text, but in Safari it is on top of the body text. Also, in Firefox, it sits in a different place than in Chrome. This doesn’t seem like a good way to reposition the navigation.

      • Hi Jenna,
        Actually,the perfect solution is possible if the theme file of Chateau theme could be modified…. using css sometimes it may troublesome to make it compatible with various browsers..

        Regards
        Om

  15. sarah says:

    Hi,

    I just downloaded the wordpress theme chateau but when i try to activate it, an error message appears in my dashboard, telling me that the theme is incomplete and that stylesheet is missing.
    How can i fix the problem ?

    Thank you in advance for your tips and answer.

    • Hi Sarah,
      Umm.. i think the zip file which u tried to install … the actual theme file is inside of that zip file..so u need to unzip the file first..then take out the actual theme… then zip it again and install..

      if u face any problem add me in skype om2000_cuet

      Om

  16. sarah says:

    I just sent you the zip file of the chateau wordpress theme i downloaded.

    Thank you in advance for your precious help !

  17. Wendy says:

    Hi there

    I have the latest wordpress and the latest chateau theme. I have tried to copy and paste the code
    .post-extras {
    color: #333333;
    display: none;
    float: left;
    font-style: italic;
    line-height: 170%;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 61px;
    text-align: right;
    width: 19.2%;
    }

    to get rid of the tags from the left
    but its not working.

    any suggestions?

    Also is there a way i can link certain posts to certain pages and not have these posts showing on any recent post listing…somewhat like a book i guess. If i have a page (cover of the book) and i want to write post after post but only have them connected to that book not all books (pages)?

    Thanks for your help.

  18. Wendy says:

    Hi Om

    I cannot change the navigation menu location to under the banner either. Also it would be good for the menu to be a drop down menu.

    i used the following

    #menu {
    left: auto;
    margin-left: 270px;
    position: absolute;
    right: auto;
    top: 244px;
    }
    div#main {
    margin-top: 27px;
    }

    I just copied and pasted at the end of the style sheet. Should i put it on a new line? I have copied and pasted other CSS from you and they worked, but this isnt.

    Cheers
    Wendy

    • Hi Wendy,
      Good Morning..
      From your previous comments

      ** To show specific posts in a certain page you can show Show the Posts Category Wise.. you can use your Menus (Appearance–Menus) to add category menus
      ** Would u mind to share me the link of page where tag is showing in the left?
      ** About Drop down menu — Have u tried with Appearance–>Menu section?

      pls let me know..

      Om

  19. Wendy says:

    Hi Om

    the tags im talking about are the ones next to my post text (not page). It would be good if i could get rid of the tags and have more space for the text but still keep the posted date.

    ill have another look at the menu section perhaps i didnt set it correctly?

    thank you
    Wendy

    • Hi Wendy
      would u mind to try the following codes? it will help u to remove the post tags and will increase the post width.
      pls let me know this helps u to solve ur issue or not..

      .postEntry {
      width: 700px;
      }

      .postExtras {
      color: #333333;
      display: none;

      }

      Regards
      Om

  20. Wendy says:

    I have had a look at the appearance – menu section. I have set France as the Title and added category named Travelling, but no menu appears.

    Notice at the top of my blog are the page names with child pages underneath. I think this will look terrible as i continue to create more child pages it should be a drop down?

    Dont worry about the tags so much this menu and page thing is much more important.

    • About Menu,
      I think you are doing something wrong in the Appearance–>Menu..

      Have u selected Primary Menu/secondary menu name showing at the left side (theme location portion) ?

      pls let me know..

      Om

  21. Wendy says:

    Hi Om

    I have just added the tag code but it hasnt worked. I have a facebook link there as well, perhaps it is best moved to the far right column rather than under the tags.

    Im wondering why these codes arent working, I have used your codes from this page before (as you can see there is no search bar at the top) but this time no codes are working. I have recently updated wordpress to the latest version could this be causing a problem?

  22. Wendy says:

    hi Om

    I have posted the code here:

    Editor – styles – stylesheet – at the very bottom on a new line.

  23. Wendy says:

    Hi Om

    Well you wont believe it but the code works now. Thank you very much. The only downside is I have lost the facebook link. Is it possible to add it as a widget that can be placed in the left border or above the bottom black border?

    I may have the menu issue sorted. Will get back to you if i need to.

    Thankyou very much.
    Wendy

  24. Wendy says:

    Hi Om

    I have now added a social sharing plugin…ShareandFollow…its a great plugin for social sharing.

    What are your thoughts on the last issue I have with my site? See below –

    ‘What would be great though, as i may have quite a few pages, is if the child pages where a drop down rather than being fully visible. If (as i expect) i will have lots of pages the top of my webpage will look really messy. You can see where i am talking about on the home page, where all pages are listed under the homepage. Would this be possible or do i have to figure out how the menu thingy works?”

    Once I have this sorted my blog is ready for more content :)

    Thank you for all your help Om

    Wendy

    • Hi Wendy,
      Sorry, not getting clear idea about your problem…
      would u mind to clarify?

      Also..
      It is late here..i will reply u back tomorrow morning.. just let me know :)

      Om

  25. Wendy says:

    Hi Om

    I have now worked out the menu creation and have it set-up. It is not a drop down menu though.

    Is it possible to have the menu as a drop down menu while keeping ‘short stories and poems’ and ‘blog posts’ visible as they are but justified right?

    So the top of my page will look like this

    Short Stories and Poems Blog Posts

    With Short Stories and Poems being a drop down menu.

    Does this make sense?

    Thanks
    Wendy

  26. Wendy says:

    Om,

    thanks for all your help.

    Sorry we were not able to sort out the drop down menu. It is unfortunate the Chateau theme doesnt provide this for self hosting. I will send the creators an email about it.

    Again thank you for your help.

    Cheers
    Wendy

  27. ana says:

    Hi,
    I was wondering how to place the navigation menu below the blog name and tag line.

    Thanks,
    Ana

  28. RomAmor says:

    Thank you so much. Been struggling to get rid of the search box for weeks!

  29. streetsmademe2 says:

    does anybody know how to remove or hide ”blog at wordpress” from the Chateau theme …..thanks alot anybody

  30. sororitynyx says:

    Hi,

    at the bottom of my wordpress site (www.alexandraprobeersite.wordpress.com) a huge picture is displayed. How can I remove this?

    Thanks in advance!

    Alexandra

  31. Wendy says:

    Hi Om

    Im just wondering, is it possible to either delete the “About*” at the bottom of the theme and or change the text to something else e.g. “@Copyright”?

  32. Wendy says:

    Hi Om

    Thank you very much :)

  33. RomAmor says:

    Hi Om, love how helpful you are. I am trying to remove the “Leave A Reply” on the website I built: romamortours.com, using the Chateau theme. I removed the search bar using a css code and was hoping I could remove the “Leave A Reply” box the same way that is, using a ccs code. Is there a code I can put into my style sheet?

    Thanks!
    LeAnne

  34. RomAmor says:

    Ciao again Om,
    How would I change the default font size of my blog posts?

  35. jhagen22 says:

    Hi Om,

    How would one alter at the bottom of the page where it says, “Blog at WordPress.com. Theme: Chateau by Ignacio Ricci. Fonts on this blog.”?

    I would love to have it just be my copyright info. Or, if it can’t be altered, could it be removed or hidden in some way?

    Thanks in advance!
    Josh
    http://www.joshhagen.com

  36. RomAmor says:

    Hi Om,

    I would like to remove the “Home” title below the main image. http://romamortours.com/ Would you be able to tell me the code?

    Thanks again!

  37. Amy Clark says:

    Hello,
    I have a problem with the chateau 2.0.1 theme on my own web space and I hope you can help me out. Unlike the chateau demo http://chateaudemo.wordpress.com/ it can only list one blog entry on the main page, the rest of the articles are listed as short archive snips under “Checkout some previous articles”.

    I can’t disable this in the options unfortunately. I just want a regular blog with 10 entries per page (that’s what I set up in settings -> Reading -> Blog pages show at most) and “older posts” “newer posts” links on the bottom of the blog. Since that’s the way it’s set up in the chateau demo I hope that there must be a way to switch it back to that view.

  38. grainnep says:

    thank you, very useful – I donated you a coffee!….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 639 other followers