Web Development & WordPress

Portfolio showcasing 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.

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

17 thoughts on “Portfolio showcasing 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. 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

      1. Thanks again for your response. I would like to have different pages on the site with a portfolio but it seems that I can only have one. Is there a free site or another site that allows to have more than one. It’s essential as I have so many collections.
        (And also as I don’t like the “Previous/Next” button I would prefer short collections. )
        Or maybe I have overseen a function of the portfolio that allows you to divide it into different sections with a menu….
        Thanks for your help. Kind regards,
        Joanna

        Like

  3. Autre question : est il possible de changer la largeur des pages projets uniquement car aujourd’hui par exemple le texte de ma page parcours est sur toute la largeur ….Je vous remercie

    Like

Leave a reply to yann1972 Cancel reply