WordPress theme Blask by Automattic: Modify Header, footer, space, font, sidebar, content, images using css with documentation help

portfolio theme blask by Automattic

Blask is a modern portfolio theme that displays your work in a clean, minimal layout. The simple-yet-bold grid design keeps the spotlight on your projects, and scales to fit any screen size. You can check the Demo of Blask theme by Automattic .

Download Blask theme by Automattic Parent theme

You can ask question regarding any issue you are facing.

Or can take my personal help.

Question 1 : If you want to change font size, color and font family of tagline / site description in Blask theme

.site-description {
font-family: cursive !important;
color: black !important;
font-size: 13px !important;
}

*** To reduce gap / space between tagline ( sitedescription) and menus

.site-description {
margin-bottom: 1em !important;

}

*** To reduce gap between logo and tagline (sitedescription)

.site-branding {
margin-bottom: 0.5em !important;
}

logo tagline menu font color border modifications

 

Question 2 : If you want to change font size, color and font family of left menu items in Blask theme

.main-navigation a {
color: darkred !important;
font-size: 13px !important;
font-family: cursive !important;
}

**** If you want to change top and bottom border color of menu items

.main-navigation li {
border-top: 1px solid darkred !important;
}

**** If you don’t want to show top and bottom border in menu items

.main-navigation li {
border: none !important;
}

/******** Blog /Archive / category / search page modification *********/

Question 3 : If you want to change post title font color, font size and font family

.page-title a, .entry-title a {
color: darkred !important;
font-family: cursive !important;
font-size: 23px !important;
}

*** To  change hover color of title

.page-title a:hover, .entry-title a:hover {
color: green !important;
}

reduce gap or space between post title and posts in blog page

 

*** To reduce gap between post title and content section

h1.entry-title {
margin-bottom: 12px !important;
}

*** To change font family, color , line gap and font size in content section

.entry-content {
color: black !important;
font-family: cursive !important;
line-height: 21px !important;
font-weight: normal;
}

/***** Single Page and Post modification *****/

Question 4 : If you want to change single post or pages title font size , color and font family

.page-title, .entry-title {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
}

*** To reduce gap between page and post title and content section

.page-title, .entry-title {
margin-bottom: 0.125em !important;
}

full width pages and single posts

 

*** To remove the right side metas (author, posted by,tag,posted in,posted on etc) and making the content section full width in single page and posts

.entry-meta {
display: none !important;
}
.single .entry-content,.page .page-content {
width: 100% !important;
}

/**** Portfolio page modification ****/

Question 5:  To change portfolio images hover dark color

.portfolio-thumbnail a {
background: darkred !important;
}

portolio page image hover shadow color change

Question 6: If you don’t want to show shadow

.portfolio-thumbnail a {
background: none !important;
}

Question 7: To change image hover bolor color and border width

.portfolio-thumbnail a:hover:after {
box-shadow: inset 0 0 0 10px darkred;
}

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

OR

Pay me some, I will help you for CSS Issue Personally 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 )

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 )

w

Connecting to %s

%d bloggers like this: