Dara By Automattic Modifications of header, footer, sidebar, contents and documentations

 

Theme Dara by Automattic documentation
With bold featured images and bright, cheerful colors, Dara is ready to get to work for your business.

Here I am sharing some css styling which you can use to styling your site  if you are using Dara by Automattic.

You can use my shared code and ask question in the comments section.

Or can take my personal help.

Question 1: How to change social icons background color in Dara theme?

Answer: Try the following code

.jetpack-social-navigation ul li {
background: darkblue;
}

Question 2: How to change or edit  site title’s font color, font size and font family

.site-title a {
color: darkblue;
font-weight: bold !important;
font-family: cursive;
font-size: 52px !important;
}
 Theme Dara by automattic header modifications
Question 3: If you want to change or edit site description’s font color, font size and family
p.site-description, p.site-description * {
color: darkblue;
font-size: 19px !important;
font-family: cursive !important;
font-wight: inherit;
}
 ** If you don’t want to show or hide / remove  site description
p.site-description{ display:none !important;}
 Question 4 :  How to change  navigation menu background color 
.main-navigation {
background-color: darkblue;
}
 Theme Dara top menu modification
Question 5 : How to change dropdown menu background color
.main-navigation ul ul {
background-color: darkblue !important;}
Question 6 : How to change Navigation menu font color, size and font family?nav.main-navigation ul#top-menu a {
color: red !important;
font-family: cursive !important;
font-size: 15px !important;
}
******** Blog Page Modifications ********
Question 7 : If you don’t want to show post category at the top of post title in blog page
.blog span.cat-links {
display: none !important;
}
 Or
If you want to make the category links looks outstanding by changing font color, size and font family
.blog span.cat-links a {
color: darkblue !important;
font-family: cursive;
font-size: 16px !important;
}
Question 8 :  I don’t want to show  blog post date and post date. How to do that?
span.posted-on {
display: none  !important;
 theme dara blog page modification
Question 10 : How to make the blog post title outstanding by changing title font, family, size and color
h2.entry-title, h2.entry-title * {
color: darkblue;
font-size: 23px;
font-family: cursive;
font-weight: bold;
}
 Question 11: I don’t want to show tags link at the bottom of posts in blog page
span.tags-links {
 display: none;
 Question 12 : How to change blog page posts  content font styling
.entry-content, .entry-content * {
font-family: cursive;
color: black;
font-size: 18px !important;
}
******** Grid Page Modifications ********
 Question 13 : In grid (page template) view of posts,  if  you want to remove the post summary
.page-template-grid-page .entry-summary {
display: none !important;
Question 16: How to remove Featured post title in slider
.featured-posts h2.entry-title {
display: none;

 

If you have any issue feel free to ask me question here in comments section

OR

Want me to help you personally for CSS Issue?CLICK HERE….

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 )

Google+ photo

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

Connecting to %s

%d bloggers like this: