Before I shared you modifications or styling of a beautiful wordpress theme Toujours by Automattic. Today I am sharing with you the customization of another theme named Boardwalk. Theme Board by Automattic is a minimalistic theme with horizontal scrolling. Using my provided css code you can give the theme a new look.
I am sharing you the theme and child theme ( to do your own customization)
Theme Boardwalk By Automattic Parent Theme
Theme Boardwalk By Automattic Child Theme
So You can use my shared code to modify Boardwalk theme and ask question in the comments section.
You can take my personal help in skype : om2000_cuet
Question 1: How to change the Hover background color of the image in theme Boardwalk by Automattic
Answer: Try this css code
.hentry.has-post-thumbnail .entry-link {
background: yellow !important;
}
Question 2: How to change the shadow background behind the post title in scrolling slider
Answer : Try this css code
body:not(.filter-on) .hentry.has-post-thumbnail .entry-header {
background: rgba(34,233, 233, 0.25);
}
Question 3: If you don’t want to show post date just above the post title in the scolling homepage image
Answer :
.entry-meta {
display: none !important;
}
Question 4: How to change the Post title’s font color, font size and font family showing in scrolling image
Answer: Try this code
.entry-title a {
font-size: 23px !IMPORTANT;
color: red !important;
font-family: cursive !important;
}
Question 5: How to change top site title, font color, font size and font family
Answer: Try this code
.site-title {
color: red !important;
font-size: 32px;
font-family: cursive !important;
}
Question 6: How to change top site description font color, font size and font family
Answer: Try this code
.site-description {
font-family: Merriweather, serif;
font-size: 17px;
color: red !important;
}
Question 7: If you want to change the background color of the top header section
header#masthead {
background: red !important;
}
Question 8 : How to remove the top right side toogle button
Answer : Try this code
button.sidebar-toggle {
display: none !important;
}
Question 9 : How to show the Site title and Site description center in the header and one below another instead of side by side
Answer : Try this code
.site-title {
text-align: center;
line-height: 1.09090909;
margin-left: auto;
margin-right: auto;
display: block;
float: none !important;
}
.site-branding {
float: none !important;
}
.site-description {
text-align: center;
line-height: 1.09090909;
margin-left: auto;
margin-right: auto;
display: block;
float: none !important;
margin-top: 12px;
}
button.sidebar-toggle {
display: none !important;
}
Question 10 : If you don’t want to show featured image in single post page in Boardwalk theme wordpress
Answer: Try this code
.single-post .entry-thumbnail {
display: none !important;
}
.single-post header.entry-header {
position: relative !important;
}
Question 11: How to increase single post page width
Answer: Try this code
.single-post header.entry-header {
position: relative !important;
left: auto !IMPORTANT;
right: auto !important;
margin-left: auto !important;
margin-right: auto !important;
float: left;
clear: both;
display: block;
}
.single main#main {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.single-post .entry-content {
width: auto !IMPORTANT;
clear: both;
padding-left: 0px !important;
padding-top: 32px;
}
Question 12 : How to disable comments on pages and posts
Answer :
For wordpress.com free hosted users
div#comments {
display: none;
}
For those who are using their own domain and hosting, try this plugins
https://wordpress.org/plugins/no-page-comment/
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
Is the demo content for Boardwalk available anywhere? I’d like to do a one-click demo import to get started and then customize the website from there.
LikeLike
no sorry, that i dont have too
Regards
Om
LikeLike