WordPress Tricks

Theme: Duster by Automattic CSS or Style sheet Upgrade or Edit : Modify your Header Site Title and Site Description font, color,remove search bar, Blog post title and blog contents font type, color and size and text alignment, header side blank space, modify navigation option, header image, remove footer tag, sidebar text modification and more

Theme: Duster by Automattic css upgrade,edit and modification


You know Theme Duster by Automattic is the latest theme released by WordPress.com. Duster is really beautiful and I really like this theme. Here I have tried to show you some basic modification of CSS if you are using Duster theme and have decided to purchase or edit CSS of Duster theme by Automattic.

Here I have tried to share about the modification process of Site Title’s Font type, font color and size, Site Description’s font type,color and size, search bar remove, right side bar header font modification, Navigation menu’s font color, type and size, blog post title’s font color, font type and size modification, post content’s text alignment, footer tag remove, meta removal and more.

Just Read them below and modify CSS of Theme Duster by Automattic.

If you have any question regarding Duster CSS Edit feel free to ask me .


(1) If you want to remove the search box (Pls remove “—–” symbols before using, )

#branding #searchform {
————-
display: none;
————-
}


(2) If you want to remove together Header site Title, Site Description with search box

#branding hgroup {
display: none;
margin-bottom: 0;
margin-left: 7.6%;
margin-right: 7.6%;
margin-top: 0;
}


(3) If you want to change Site Title’s Font type, Font Color and Font size

#site-title a {
color: red;
font-family: times New Roman;
font-size: 32px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
}


(4) If you want to change Site Description’s Font type, font color, font size

#site-description {
color: blue;
font-family: times New Roman;
font-size: 14px;
margin: 0 0 4em;
}


(5) If you want to remove the blank space just under the site Title and Site Description

#site-description {
color: blue;
font-family: times New Roman;
font-size: 14px;
margin: 0 0 0; // Just change the values in margin
}


(6)If you want to remove the Post Entry Meta / Author of the post with date

.entry-meta {
clear: both;
color: #666666;
display: none;
font-size: 12px;
line-height: 18px;
}


(7) If you want to change the Blog Post Title’s Font color, font type, and font size

.entry-title, .entry-title a {
color: red;
font-family: times New Roman;
font-size: 35px;
text-decoration: none;
}


(8) If you want to change blog post Content’s Font, font color, text or font alignment

.entry-content, .entry-summary {
color: black;
font-family: times New Roman;
font-size: 16px;
padding: 1.625em 0 0;
text-align: justify;
}


(9) If you don’t want to show your blog Post footer Tag

.entry-meta {
clear: both;
color: #666666;
display: none;
font-size: 12px;
line-height: 18px;
}


(10) If you don’t want to show the circle Just beside your blog post Title

.entry-header .comments-link a {
display: none;
}


(11) If you want to change Right Sidebar “ Text Widget’s” , “Recent Comments” and other widgets header Font, font color, font size and others

.widget-title {
color: black;
font-family: times New Roman;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}


(12) If you don’t want to show “Home”, “About Me” etc Navigation Option

#access {
background-image: -moz-linear-gradient(#252525, #0A0A0A);
clear: both;
display: none;
float: left;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 100%;
}


(13) If you want to change the Font Color and Font Type of Navigation Option

#access a {
color: red;
font-family: times New Roman;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}


(14) If you want to get rid of the blank empty space just right above the banner/Header Image in Duster Theme

#site-title {
padding: 1em 0 0;
}


?

(15) If you want to change Header Image width and height of theme duster by Automattic

#branding img {
height: 108px;
margin-bottom: -6px;
width: 1000px;
}


(16) If you don’t want to show Right Side Bar of Duster Theme by Automattic

#secondary {
display: none;
float: right;
margin-right: 7.6%;
width: 18.8%;
}


(17) If you want to change the Width of Blog Post Content of Duster Theme

#content {
margin-bottom: 0;
margin-left: 2.6%;
margin-top: 0;
width: 67.4%;
}
(18) If you don’t want to show or hide comments using css in Theme: Duster by Automattic

.commentlist {
display: none;
}

#comments-title {
display: none;
}

(19) If you don’t want to show or hide “Leave a Reply” from your blog

#respond {
display: none;
}


(20) If you want to change Your Blog Comments Font

.commentlist {
display: block;
font-family: cursive;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
 
 
(21) If you want to move/change position your right sidebar to the left and the content column to the right of Theme: Duster by Automattic.(You may need to check the Body Contents showing perfectly or not. You may also need to change some other css to make it work perfectly.)
 
#primary {
float: right;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 72%;
}

#secondary {
float: left;
margin-left: 26px;
margin-right: 30px;
width: 17.8%;
}
 

 
 
(22) If you want to Right Side Bar’s Body Text Font color,font type, font size and text alignment of Theme: Duster by Automattic
 
.textwidget {
color: black;
font-family: times New Roman;
font-size: 1em;
text-align: justify;
}
 
 
(23)If you want to change the widget “Categories ” Font type, font color and font size of Theme: Duster by Automattic
 
.widget ul {
font-family: times New Roman;
font-size: 1em;
margin: 0;
}
 
 
(24)If you want to change Comments Body’s Font type,font size and color of Theme: Duster by Automattic
 
.comment-content {
color: black;
font-family: times New Roman;
font-size: 1em;
}
 
 
(25) If you want to change Comments Author Font size of Theme: Duster by Automattic
 
.comment-meta {
color: black;
font-size: 16px;
line-height: 2.2em;
}
 
 
26) If you want to make Right Side bar Full Widget Area Color ful in Theme Duster by Automattic
** Color Depends on your choice
 

.widget-area {
font-size: 12px;
background-color:gold;
}

 
 
27) If you want to Change Background color of Whole Body Backgroung of Duster Theme By Automattic
 

#page {
background-color: gold;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
max-width: 1000px;
}
 
 
28)If you want to change the Background color of the Navigation Menus (“Home”,”About Us”) in Duster Theme.
 
#access {
background-color: blue;
background-repeat: repeat;
clear: both;
display: block;
float: left;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 100%;
}


Need Help for CSS??Submit Your Problem in the Comment Box below.Please Provide your website address for convenience.

185 thoughts on “Theme: Duster by Automattic CSS or Style sheet Upgrade or Edit : Modify your Header Site Title and Site Description font, color,remove search bar, Blog post title and blog contents font type, color and size and text alignment, header side blank space, modify navigation option, header image, remove footer tag, sidebar text modification and more”


  1. Hi
    Is fantastic what you did for Duster!
    If you can help me with two issues:
    1-How to make shorter the Header image (from 1000×300 > 1000x200px)
    2-Can I increase the width of images from 585px > 640px in posts, in home page?
    Thank you, all the bests
    Agis Fasseas

    Like


  2. Hey great post, you will start getting traffic for it. I have a slight issue with duster, the posts I am writing do not stay contained within the width of the blog. Do you know how to fix this via css?

    ” Is anybody aware of how to fix this text alignment issue? This is just horrible, there has got to be a simple solution to this via CSS I just don’t know how to figure it out.

    http://easycaptures.com/fs/uploaded/370/8705215762.png

    Like


    1. Dear Taz,
      If you want to remove navigation bar from the DUster theme try with the following CSS code

      #access {
      clear: both;
      display: none;
      float: left;
      margin-bottom: 6px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      width: 100%;
      }

      Feel free to knock me if you get any problem

      Regards
      Om Prakash Chowdhury

      Like

  3. Again, you are so very helpful.

    Two more questions: in Duster it says you can have left sidebar, but I cannot find that option. Is there special code for that? Also, how to change font size etc in sidebar content. I have changed the headings but cannot seem to change the contents.

    Thank you for all of your help.

    Like


    1. Hi,
      you will get left sidebar in Duster theme for showcase template. you can check the following link.
      http://theme.wordpress.com/themes/duster/

      If you want to change Right Sidebar Widget Title’s font type,font color and size check it

      .widget-title {
      color: black;
      font-family: times New Roman;
      font-size: 17px;
      font-weight: 500;
      letter-spacing: 0.1em;
      line-height: 2.6em;
      text-transform: uppercase;
      }

      To change the Text Widget Body Content’s font, size and color

      .textwidget{
      font-family:times New Roman;
      font-size:14px;
      color:blue;
      }

      Modify it as your need and let me know if you face any problem

      Like

  4. does anybody know how to hide the tags in this theme, i dont like the look of the tags on the homepage view, especially when you have a ton of tags.

    😀

    Like

  5. Hi,

    Discovered your site while searching for tips on Duster theme tweaking. Looking at reducing the header height, which is 300px default at present. I changed the css as per your suggestion given below, however nothing changed, hence I maintained the original header size. Is there any other file that needs to be changed? Please advice.

    (15) If you want to change Header Image width and height of theme duster by Automattic

    #branding img {
    height: 108px;
    margin-bottom: -6px;
    width: 1000px;
    }

    Thanks in advance.

    Like

    1. Hello
      Thanks for visitin my site and comments. Actually the css modifications I have shared here is for the WordPress.com self hosted Duster themes.
      I think you are using your own domain and hostings …right?

      So, If you want to change the Header Image height in your Duster theme try the following code

      #branding img {
      height: 160px;
      margin-bottom: -6px;
      width: 100%;
      }

      Let me know it works for you or not.

      Like

      1. Hi,

        Thanks for your prompt help and for helping me learn the difference between coding. It’s working now, may be I need to tweak the logo design so it looks better. As a newbie to css I appreciate your support. Should be able to launch the site on due date.

        Thanks a ton.

        Like

      2. Hi, this works but WP still makes me crop my image to 1000 x 300, then stretches it to fill the smaller space. I am creating my header with text on it so I don’t want it be distorted. Any ideas? Thanks in advance!

        Like

  6. Hi,

    How would I remove the ‘leave a reply box’ I’ve been trying for days to get rid of it!! And how can I hide the post title on static pages?

    Thanks
    Jenny

    Like

    1. Hi, Jenny
      i visited your site…but didn’t found any “Leave a Reply ” box. would you mind to share me the link from where u want to remove that “leave a reply box”?…

      And to hide the post title on static page : For this it would better to modify your php files (page.php –i guess).

      Are you using your own domain and hosting?

      Like

    1. hi Antonio….
      is the duster theme you are using in your own domain+hosting?
      Are you able to modify the header.php file from Appearance–>Editor ??

      To give you the solution for removing post author name is best to modify your header.php file not to use CSS….

      Also..I think u have removed the post footer tag..right?

      Like

  7. Hi

    My domain is at wordpress.com but tonight I will move it to other type of hosting and it will be possible to change header.php.

    I couldn’t remove the post footer tag because the code is similar to t to remove the Post Entry Meta / Author of the post with date and all disappear and I want to show the date…

    Thanks for the help

    Like

    1. Antonio..I think you better modify the theme after you successfully switched to your new hostings….. after switching just tell me..I will tell you which file you have to modify to fullfill your requirements

      Like

  8. Hi
    How do I remove the words “Recent Post” from the bottom of the page? All my pages are static, there will be no posts and I’d like to get rid of it.
    Thanks

    Like

    1. Hi
      Just paste this code

      .recent-posts {
      display: none;
      }

      at the bottom of style.css…..before change..take a backup of ur style.css as u r new..it will not create any problem

      Like

  9. Sorry, I’m completely to to all of this. Did my first ever CSS changes this morning following your instructions above…

    Like

  10. Sorry to bother you again, but could you show me how to get the text a little bit more compact? If you look at my contact us page you can see how far it is spread ou. How can I make the line spacing smaller / paragraph spacing smaller in normal text?
    Thanks so much.

    Like

    1. Hi christina

      sorry for the late in reply…..u r asking for line spacking (gap between two lines) in the contact us page…..would you mind to try this code??

      p {
      margin-bottom: 0.625em;
      }

      Please let me know it works or not.

      Like

    1. Hi Antonio

      Sorry for the late in reply… here is the line which u have to delete from content-single.php and content.php (If you are using Duster theme…)

      find out div class=”entry-meta” in your content.php (Appearance–>Editor)
      There you will get the “by” and “author vcard” you have to remove them carefully
      not to show the “post by” in the home page.

      Do the same in content-single.php

      Like

    1. Not sure..i think u have changed your theme from duster to themezee…..
      whatever if you want to remove your Author name from themezee then try this

      //this is only for your themezee theme.

      span.author {
      display: none;
      }

      Like

    1. Antonio..
      Would you mind to try this code and let me know it works for you or not?

      .hentry {
      border-bottom: 1px solid #DDDDDD;
      margin: 0 0 1.625em;
      padding: 0 0 1.625em;
      position: relative;
      width: 47em;
      }

      #secondary {
      float: right;
      margin-right: 1.6%;
      width: 15.8%;
      }

      Like

  11. Hi
    Just saw that the menu is not displayed in Mozilla Firefox. It only show as a list of bullet points. Any suggestions? Thanks.

    Like

    1. Don’t worry..I am here ..no??
      Ok… press F11 (u have to press it when you are viewing your page in Browser.) It will make your site appear in full screen . Then press PrtSc button (may be top right of your keyboard). It will copy your screen in the Clipboard. Open your paint(WIndows default paint) program. Then paste it (Edit ->paste ). You are done…then save the image and send to me.

      Like

  12. Hi,

    I’ve removed the Page Title on my website because I didn’t want it but now I’m left with a lot of blank empty space between my page content and the menu. How can I remove decrease it?

    Thank for this post!

    Like

      1. Hi Stephanie

        Paste the following code at the bottom of your Duster Theme style.css and pls let me know it works perfectly for you or not.

        .singular .entry-title {
        color: #FAFAFA;
        display: none;
        font-size: 0;
        font-weight: normal;
        line-height: 48px;
        }

        .singular.page .hentry {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        }

        Like

    1. Hi Antonio…
      Do you like to make your page http://antonioparente.eu/?p=8 more wider ? If yes I can help you by giving css code… so..ami i right about your problem?

      One thing…when you create a new page….. in the right side of your page editor (where you write in wordpress) there is option from where you can select Templates….have you checked is there any template for wider content?

      Like

      1. Antonio
        Try this code

        .singular.page .hentry {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        }

        #main {

        border-top-color: #EEEEEE;
        border-top-style: solid;
        border-top-width: 3px;
        clear: both;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        }

        Like

      2. Also…
        If you want to hide the Page Title from your Duster theme…try this…

        .singular .entry-title {
        color: #8A0808;
        display: none;
        font-size: 26px;
        font-weight: bold;
        line-height: 48px;
        }

        Like

  13. I’d like to know how to make the sidebar appear on the single page. I tried but I am not clear where t put the code as I tied it several different places in the single php page and it ended up on the side but not beside the post – only after the post.

    Like

    1. Hi, I think..You have to Put the following Php code

      <?php get_sidebar(); ?>
      
      

      just before the following footer tag in Page.php

      <?php get_footer(); ?>
      
      

      but..you have to need some modification in your CSS style sheet to show the sidebar just beside the Post or Page.

      Like

  14. Thanks

    I’ll check the css then because that must be the problem I’ve put the in and I’m jsut stuck on how to get it beside the post and not down the left side.

    Like

  15. Hi

    Can you please tell me how I can either completely remove, or change the colour of the white space above the black bar that contains “home” “about me” etc.?

    Also,

    How do you make changes to the footer, like change colour etc.?

    Thanks

    Like

    1. For the White space (I think you are asking for this) try the following code at the bottom of your style.css

      #site-description {
      color: #000000;
      font-size: 14px;
      margin-bottom: 2em;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      }

      To Change the footer background color……. try this.

      #supplementary {
      background-color: red;
      border-top-color: red;
      border-top-style: solid;
      border-top-width: 1px;
      overflow-x: hidden;
      overflow-y: hidden;
      padding-bottom: 1.625em;
      padding-left: 7.6%;
      padding-right: 7.6%;
      padding-top: 1.625em;
      }

      Like

    1. Are you talking about this site http://toolshed.artschool.utas.edu.au/webdesign2011/cmmorgan/wp/ ??

      If yes..then try this code :

      #branding {
      background-color: white;
      border-top-color: white;
      border-top-style: solid;
      border-top-width: 0;
      padding-bottom: 10px;
      position: relative;
      z-index: 1;
      }

      but for this you have to make your site title color black…………………

      Another thing…before.. I found your header title background was white…. now i found it is black… I think you know where and how to change….am i right??

      Like

  16. Yes that is correct I followed your instructions from my first question and changed the colour, but I want to see what it’s like invisible if that makes sense. I’ll try what you said. And yes it is for that site.

    Thanks

    Like

  17. That didn’t work, it just changed to white. I want it gone completely, so the text heading is sitting over the site background (not the white rectangle)

    Thanks anyway

    Like

  18. I would like to either:

    A) remove the black rectangle above the menu, so behind the text is just the background image.

    OR

    B) make the menu and the black rectangle blend together seamlessly (the black menu is actually a gradient, but it seems like there is a border or thin line at the top side. I need to delete that border/line)

    Thanks in advance

    Like

  19. don’t worry I’ve got it sorted now. Thanks for your help.

    Just one more question…

    Have you noticed my footer? I accidentally made it like that, but can’t remember how. I want to change what it says, and maybe have some links to contact, about me etc.

    Like

  20. arghhh. I’m just having trouble removing that line at the bottom where the footer would be. I went into the footer php and removed the annoying links, but would like to replace it with my own footer. To do this, I think I’ll need to remove that line.

    Like

  21. Thanks for the helpful post! Now I have a couple of questions myself..

    1. I want people to be able to post a reply in my blog posts. It’s closed now for some reason!? It says: Comments are closed.

    2. Some of my static pages have a comments section. How can I remove this?

    Like

    1. Hi Morten

      For Question 1

      Have you checked your wordpress dashboard’s settings so that Comments is enable or not?

      For Question 2
      There is a pllugins called “no comments in page” it will help to remove comments from pages.

      Like

      1. Thanks for the fast reply.

        1. I have enabled comments, but it still says “Comments are closed”, can this have something to do with the plugin “no comments on page” i installed?

        2. Thanks! it worked!

        Like

    1. For the top grey line in your duster theme try this

      #branding {
      border: medium none;
      padding-bottom: 10px;
      position: relative;
      z-index: 1;
      }

      For Comments closed:

      Have you ever modified any php files of your theme?

      Like

      1. Thanks that removed the grey line.

        Yes, I have modified some, but I modified them back again to original as good I could.

        I think it was comments.php and page.php.

        I’ve pointed out the line I think is the problem in the page.php:

        <———- Correct?


        Like

  22. It’s FIXED. I just had to make a new comment. The actions in settings didn’t apply to the old post.

    Thanks for all the help though. Will be back for more later if I stumble upon something, you are a great resource.

    There is one thing.. the grey line just under the navigation bar. Do you know how to remove it?

    Like

      1. … I’ll try to leave you alone. Under the post there is this:

        Posted on 31. mai 2011 by Morten – Where can I change the “Posted on” and “by”?

        And at the buttom it’s this: Posted in Bedrift, Motivasjon | Tagged bedrift, motivasjon, suksess, tips | Leave a reply

        Can this be removed without affecting the SEO?

        Do you have any idea how to enable excerpts? I’ve tried to install a plugin but it still wouldn

        Like

      2. For posted on and posted by in Duster theme

        you have to modify content.php and content-single.php.

        You can remove the tags..but it may effect the SEO as google will not get the keywords i think…
        but..if your blog is unique and updated regularly..then u dont need to think about SEO…google bot will visit ur site regularly.

        for excerpts

        if you want to do it manually u have to use “read more” option from the post. Though if you want automatic…there is some modification of php code by which u can do this.
        I never used plugins for this….

        Like

  23. This will hopefully be the last question..

    I now use the “read more” option. And the – read more link at buttom at the front page now shows a arrow and I’ve been trying to remove it but I can’t seem to find out how. I think it’s in the content.php.

    Like

      1. Each time I tried to remove the arrow in the php the whole front page disappeared. So I changed it back and now it says “Continue reading The Post”. You know how I can change this?

        Like

  24. Just underneath my header, the postcard, there is a grey line. But maybe it’s just on my mac. Could that be possible? It’s a very thin line… hard to catch, but it annoys me 🙂

    Like

    1. Hi Elisabeth
      From my windows no border is showing….but..you can try this code

      #branding img {
      border: medium none;
      height: auto;
      margin-bottom: -6px;
      width: 100%;
      }

      Please let me know this code works for your or not…

      And try to send me the image of your site where the border is showing..

      Like

  25. Hi there, excellent post. I’m trying to add the sidebar to all pages in the Duster theme. I’ve come across the following fix but am still having trouble getting it to work.

    Everyone says to change to “narrowcolum”… however my theme doesnt have that line. Instead it has

    I’ve got the sidebar to appear by adding to single.php…. but its aligned below the page because the current post area is taking the whole width.. how to i change to make it work with the sidebar on Duster? Any help would be great.

    Like

      1. Jordan…..
        Would you mind to try the following code? just paste them at the bottom of your style.css or custom.css…
        Please let me know it works perfectly or not…

        #primary {
        float: left;
        margin: 0 -26.4% 0 0;
        width: 73%;
        }

        .singular #content {
        margin: 0;
        position: relative;
        width: auto;
        }

        Like

  26. Doesn’t seem to do anything to the page layout. I cant see any visual changes after adding the code… Any other suggestions?

    Like

    1. Hi Jordan..
      sorry for the late in reply…as it is midnight.. preparing to go to bed actually.. 🙂

      Also…I think u didnt paste my code perfectly as i didnt see the change what i have suggested in your site…

      Ok..let me give u them again…..

      #primary {
      float: left;
      margin: 0 -26.4% 0 0;
      width: 73%;
      }

      .singular #content {
      margin: 0;
      position: relative;
      width: auto;
      }

      #content {
      width: 86.4%;
      }

      Here I am giving u the code again ….Would you mind to try them by pasting them under style.css or custom.css….
      If you face any problem please let me know… I am going to bed now.. u can add me in skype too.. om2000_cuet is my id …I will be online in tomorrow morning….

      bye for now…

      Om

      Like

  27. I’d also like to replace my comment system with one that looks like yours. Mine is the default Duster comments. I would like to replace it with the same thing im typing this comment in. For example, the ability for users to sign in as a “guest” or with their Twitter or FB login. Any ideas?

    Like

    1. Hi Jordan..
      I think there is a plugis called Disqus which will help you to get comments via facebook….
      Actually my one is WOrdpress..com self hosted site which comes by default with wordpress free blog..

      Like

      1. HI Jordan…
        Dont mind..have you saved it perfectly? I didn’t see my changes in your style sheet which i have given to you…
        Have you saved the style.css perfectly?

        Like

  28. Yes it works with my parent Duster theme but seems to not work with my Child theme for some reason… any ideas? When i add your code to the end of style.css in my parent theme it applies.. but doesnt apply for my child theme as well… strange…

    Like

    1. Jordan…
      Without Checking I cant say…
      but you can do one thing….
      Paste the code in your both style sheet… means.. in your parents stylesheet and your child theme’s style sheet…. NOt sure it will work or not…

      Like

    2. Tried that… still not working… any idea what the problem might be? I can share any part of my code if you need to look at, let me know. Thanks so much for all your help.

      Like

      1. Hi Jordan
        Would you mind to Mail me your full DUster theme ( Duster theme parent + child theme (inside the parent)) .
        my mail address is om2000_cuet@yahoo.com.
        Feeling curious as I have lackings of knowledge about Child theme…I think I am going to learn something New With your problem….

        Regards

        Like

  29. This is post is fantastic. I followed your instructions to reduce space between the Site Title and the Branding img, but now they are too close. Can you tell me how to increase the space between the image and the title?

    Thank you so much!!!

    Like

    1. Hi Eric,
      to increase the space between Site Title and Branding Image just put this code at the bottom of your style sheet.

      #site-description {
      margin: 0 270px 5.65625em 0;
      }

      Pls let me know it is Ok or not..

      Om

      Like

      1. That’s a little too much space. What variable could I adjust to modify the space between the Site Title and the image – 0 or 270px or 5.65625em or 0.

        I played around with the values, but I couldn’t change the space.

        Thank you !!! for your time.

        Eric

        Like

  30. Hi,
    How are able to view Duster in code? Also, I have been trying to install yet another related posts plugin but do not see a plugin tab under appearance. Does Duster not support plugins?

    Thanks so much!

    Like

      1. I am pretty knew to code so I may be asking a stupid question. I don’t see anything under my dashboard that lets me see anything in code..well besides my actual post. One thing I would like to change is the fonts and colors since it doesn’t match my logo. Can you help!?

        Also, regarding the plugin-specifically the yarp plugin…shouldn’t I see a plugin tab under appearance? It is driving me crazy that I can’t go past the first step in the installation process :-/

        Thank you so much!

        Like

      2. Hi Lavita,
        I think you are using wordpress.com free hosting… thats why there is no Plugins option..

        Also.. to use CSS you have to pay wordpress.com for Custom design..

        Regards
        Om

        Like

  31. Hi. On the duster theme in the widgets area all the type is blue, how do I change that?

    Also in the blog post headlines when you rollover them they are blue …can we change to orange? thanks!

    Like

      1. boldride.wordpress.com

        – we basically want to change all the blue to black and orange. also, can this theme enable endless scrolling?

        Like

      2. Hi Bolride,
        To make your right Sidebar link color orange try the following code

        div#secondary a {
        color: orange;
        }

        To change post title rollover color

        h1.entry-title a:hover {
        color: orange;
        }

        Pls let me know it is Ok or not..

        Regards
        Om

        Like

  32. Hi. Great site. I want to remove Header site Title, Site Description with search box. I added the code below but it didnt work. The site is golfholidayinportugal.com

    #branding hgroup {
    display: none;
    margin-bottom: 0;
    margin-left: 7.6%;
    margin-right: 7.6%;
    margin-top: 0;
    }

    Thanks!
    Rod

    Like

  33. Hi – I must have posted to the wrong thread before. The code above did not work either (to remove the text and search box above the picture header on golfholidayinportugal.com) . Do you have any other suggestions please? Thanks!

    Like

      1. How strange! Now it works! I pasted it in style.css (as I did before, and then removed it). Maybe last time the cache didnt clear properly. Thanks!

        Like

    1. Hi Marlin
      would u mind to try this code pls

      .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
      width: 96.9% !important;
      }

      this code will help to widen ur posts, pages content width

      Om

      Like

      1. Thank you. That did it! One more quick question (if you have some time). When I adjusted the font size and type for my navigation bar, my drop down menu text now overlaps each other. Any ideas?

        Thanks again for your help!! You make all of this so easy!

        Like

    1. HI Marlin
      thanks a lot..and sorry for my late response
      would u mind to try this code pls

      .page-id-1226 .singular #content {
      margin-left: 0 !important;

      }

      .easingsliderlite {
      clear: left;
      display: block;
      float: left;
      position: relative;
      width: 950px !important;
      }

      ALso

      u mentioned one of ur issue related to menu..is that solved?

      let me know pls

      Om

      Like

      1. Once again, thank you! And, I was able to resolve that issue, but for some reason (of course) another issue arose.

        1) The color boxes in the navigation drop down menu only goes as far as the text. I would like all of them to be the same length.

        2) In the “portfolio” drop down menu, the text is aligning horizontally, and not vertically. I believe this has to do with the width, but when I make changes, all of the text gets out of alignment.

        Any ideas?

        Like

      2. Hi Marlin
        thanks..pls check the following code

        #access li:hover {
        background: linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0 transparent;
        }
        #access li:hover>a {
        background: none !important;
        }

        #access ul ul {
        background: none repeat scroll 0 0 #F7E7D9 !important;
        width: 161px !important;
        }

        #access ul.sub-menu li:hover {
        background: linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0 transparent !important;
        width: 100% !important;
        }

        Pls let me know it is Ok or not

        Om

        Like

  34. Hi, first, thanks so much for this guide. It is truly brilliant and oh-so-helpful. The only thing I can’t find is how to change the font and colour of page titles. I was able to change the blog title’s font and colour by following your code after “.entry-title, .entry-title a {“; and there is code that looks like it would be the place to change page title font and colour called “.page-title a {“; but in trying to mimic your code for changing blog title in this area changes nothing I can discern. Here is the website: http://www.tanyathompsonbooks.com/ The front page is a static blog page where the title font and colour have been changed, but linking to books and contact on the menu bar show that the page titles are still black and unchanged.

    Any help you can provide is appreciated. And again, this was great and wonderful help.

    Like

      1. You are absolutely the best. I have always rather disliked exclamation points, so it is particularly funny to me what that exclamation point achieved.

        Everything is grand now. Again, this was the greatest help I have found while trying to make a webpage. Thanks again.

        Like

  35. Thanks for this guide, it has been really helpful. I was able to add transparency to my content area http://www.carmenyatesmusic.com/?page_id=187 but am wondering if there is a way to exclude images in posts?…llike the one at the bottom of the page in the previous link. Here is how I added transparency, for reference:

    /* =Structure
    ———————————————– */

    body {
    padding: 0 2em;
    }
    #page {
    opacity: 0.9; /* 90% transparent */
    margin: 2em auto;
    max-width: 1000px;
    }

    Like

  36. Hi, I’m using Duster and tried to change the header image height according to your instructions (15), to no avail. Is there anything else I should do?

    In addition I would like to get the gray band margin removed on the very bottom of the page. Do you know how to go about that? Thanks so much! My site is sabineheinlein.org

    Thank you so much!
    Sabine

    Like

    1. Hi Sabine
      to reduce height..u have to change the Header image height u used
      after that some css tweaks will be needed

      also
      which footer band u want to remove? can u share me screenshot image?

      Om

      Like

Leave a Reply to allaboutbasic Cancel 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 )

Google photo

You are commenting using your Google 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