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….

13 Responses to Wordpress theme Blask by Automattic: Modify Header, footer, space, font, sidebar, content, images using css with documentation help

  1. Hello! I love the theme, however, I am new to all this and I have been told that I need to know the maximum width of the blog in order to upload my imaged correctly. Where do I find this out please?
    Thanks, janni

    Like

  2. Great theme, but I can’t figure out how to change the font in the site title! Help!

    Like

  3. Is it possible to have different portfolio sections in the main menu for Blask? I have only managed to create one portfolio on my site joannatomkins.wordpress.com and I would like to have 3 or 4 different categories with portfolio functions… thank you

    Like

  4. Also, is it possible to change the previous/next buttons. Font and wording? Thanks again 🙂

    Like

  5. Adam Puscak says:

    Super hints which I browsed. Thank you!

    Like

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 )

Connecting to %s

%d bloggers like this: