Lens is a photo-oriented theme, great for people who like to tell stories with pictures, equally suitable for bloggers, scrapbookers, and writers. If you are using premium plan or business plan you can use it free in wordpress.com. Otherwise you have to pay $79 to use this theme.
You can check the Lens By Pro Theme Design Demo.
You can ask question regarding any issue you are facing in comments section.
Or can take my personal help
If you want to change Site Title’s font size, color, font weight and font family of Lens By Pro Theme Design
.masthead .branding h1.logo, .masthead .branding h1.logo a {
font-size: 23px;
font-weight: 700;
color: darkred !important;
font-family: cursive;
}
If you want to change Lens By Pro Theme Design’s site description or tagline’s font size, font uppercase to normal, font family and color
.masthead .branding h2.description {
font-size: 18px;
color: darkred !important;
text-transform: normal !important;
font-family: cursive !important;
}
If you want to show the site title and site description in the center and Menu items below them like the screenshot
.masthead .branding {
width: 100% !important;
text-align: center !important;
}
Instead of white background, if you want to use different background color in header Section (behind menu and site title)
.masthead {
background: green !important;
}
If you want to change font size of menu and sub menu items
.masthead .menu li a {
font-size: 13px !important;
}
If you want to change parent menu and child menu items hover font color
.masthead .menu li > a:hover {
color: yellow !important;
}
If you want to change sub menu items hover font color and also to remove the underline while hovering
.masthead .menu li ul li a:hover {
color: white !important;
text-decoration: none !important;
}
If you want to change sub menu items background color
.masthead .menu li ul {
background: green !important;
}
.masthead .menu li ul::before {
border-bottom-color: green !important;
}
To change sub menu item border color between menus
.masthead .menu li ul li {
border-bottom: 1px solid yellow !important;
}
For Sidebar widget section if you want to change widget title’s font size, color, font family and also to make the widget title Uppercase to normal
.col-sidebar .widget h3.widgettitle span {
color: darkred !important;
font-size: 20px !important;
font-family: cursive;
text-transform: none !important;
}
To change gap between links in sidebar widget and also to font size, color and font family of widget links
.col-sidebar .widget li a {
font-size: 13px !important;
line-height: 25px !important;
color: darkblue !important;
font-family: cursive !important;
}
If you want to change widget section background color and also to change the border thickness and color between widgets
.col-sidebar .widget {
background: white !important;
border-top: 2px solid darkred !important;
}
In single post if you want to change post title alignment, gap between post title and contents, font size, color and font family use the code below
.main article h1.title {
text-align: center;
margin-bottom: 2rem;
font-size: 23px !important;
color: darkred !important;
font-family: cursive;
}
In single post if you want to change border thickness (which is showing below the title) and color
.main article h1.title::after {
height: 4px !important;
background: darkred !important;
}
In Single Post, if you want to change post content font size, gap between lines, color and font family
.main article .entry {
font-size: 16px;
color: black !important;
font-family: cursive;
line-height: 33px;
}
In Homepage, category, archive, tag or search page, if you want the post meta (category name) to be bigger, not uppercase and to change font size, color and font family use the code
article.post-archive section p.postmetadata, article.post-archive section p.postmetadata a {
margin-bottom: 2px;
text-transform: none !important;
font-size: 21px;
color: darkblue !important;
font-family: cursive !important;
}
** if you don’t want to show the category name
article.post-archive section p.postmetadata, article.post-archive section p.postmetadata a {
display: none;
}
In Homepage, category, archive, tag or search page, if you want to change the post title’s font weight, font size, color and font family use the code
article.post-archive section h2.posttitle, article.post-archive section h2.posttitle a {
font-size: 23px !important;
font-weight: 900;
color: darkblue !important;
font-family: cursive;
}
In Homepage, category, archive, tag or search page, if you want to change the post content’s (excerpt) font weight, font size, color and font family use the code
article.post-archive section .entry {
color: black !important;
font-size: 16px;
line-height: 25px;
font-family: cursive;
}
If you want to use a background color behind the footer copyright section
.footer-wrap {
background: darkred !important;
}
To change footer copyright section font size, color and font family
.footer-wrap a {
color: white !important;
font-size: 14px;
font-family: cursive;
}
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….
