Modern wordpress portfolio theme Argent by automattic: For professional designers, artists and photographers

Theme Argent by Automattic demo screenshot

Argent is a clean and modern portfolio theme, geared towards creative professionals like designers, artists, and photographers. With its simple homepage template featuring portfolio projects, Argent aims to draw viewers right at what matters most: your wonderful work.

You can download the Argent theme by Automattic from here.
and
You can download the Argent Child theme to modify theme files like footer.php

I have shared some css customization to give Argent theme a new look of your choice. You can ask question regarding any issue you are facing in comments section.

Or can take my personal help.
Theme Argent by Automattic site title border font size color and font family change

To change border color and border thickness around site title and also to change font size, color and font family of site title

.site-title a {
border: 10px solid currentColor;
color: darkred;
display: block;
padding: 0 .25em;
font-family: cursive !important;
}

Menu Modifications in Theme Argent by Automattic

Theme Argent by Automattic menu submenu background font family and color modification

To change menu background color from black to different color

.main-navigation {
background: darkred !important;
}

To change drop down menu black background color to different one

.main-navigation ul ul {
background: darkred !important;
}

.main-navigation div>ul>li>ul:before {
border-color: transparent transparent darkred !important;
}

To change font size, color and font family of menu items

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

To change menu items hover color

.main-navigation ul :hover>a {
color: green !important;
}

To change sub menu items hover color

.main-navigation ul ul :hover>a, .main-navigation ul>.focus>a {
color: green !important;
}

Footer widget section modifications in Theme Argent by Automattic

Theme Argent by Automattic footer widget background change and top padding or gap reduction

To change footer widget section background color

.footer-widget-area {
background: darkred !important;
}

To reduce gap / padding from top of the footer widget title section

.footer-widget-area {
padding-top: 2em !important;
}

To change font size, color, gap below title, text alignment, font family

.widget-title {
font-family: cursive !important;
font-size: 20px;
margin-bottom: 1.7778em !important;
text-align: center;
color: yellow !important;
}

If you  want to change the widget title to be normal but not uppercase

.widget-title {
 text-transformnone !important;
}

To change widget text and links font colour and font size

.widget-area, .widget-area a {
color: #fff;
font-size: 18px !important;
}

To change light border color showing between navigation menu items in footer widget section

.widget ul>li, .widget ol>li {
border-top: 1px solid red !important;
}

Theme Argent by Automattic blog, archive, tag, search and single post page width increase

To change the width of blog, archive, search,tag or single page width

.blog .hentry, .archive:not(.post-type-archive) .hentry, .search .hentry, .single-post .hentry, .single-post .comments-area, .single-post .post-navigation {
width: 754px !important;

}

Theme Argent by Automattic blog, archive, tag, search and single post page title contents post date and read more modification

To change blog, archive, search or tag page title font colour, size and font family

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

To change blog, archive, search or tag page Post Date / Posted On font colour, size and font family

.entry-meta, .entry-meta a {
color: darkred !important;
font-size: 13px !important;
font-family: cursive !important;
}

To change blog, archive, search or tag page Contents font colour, size and font family

.entry-content {
font-size: 18px !important;
color: black !important;
font-family: cursive !important;
}

To change font size, colour and font family of Read More button in blog, archive, search or tag page

a.read-more {
font-size: 19px !important;
color: darkred;
font-family: cursive !important;
}

To give Read More button a box shaped button like the image

Theme Argent by Automattic Read More button box shapped with background and color

a.read-more {
background: darkred !important;
color: white !important;
padding: 1.3%;
display: block;
width: 100px;
text-align: center;
float: right;
}

Theme Argent by Automattic reducing gap from top and bottom of single post tag category search and archive page title

To Reduce gap from top and bottom of  Single Post, Tag, Category  and Search Page title

header.entry-header, header.page-header {
margin-bottom: 12px !important;
}

To change font style, colour, text alignment,font family in Single Post, Tag, Category  and Search Page title

.single .entry-title, .page-title, .page-title {
font-style: italic;
line-height: 1.6em;
text-align: center;
color: darkblue;
font-size: 23px !important;
font-family: cursive;
}

If you want to remove the meta section from single blog post and make the content section wider to cover the gap like the image attached

Theme Argent by Automattic remove Meta and widen the content section to cover the gap
@media screen and (min-width: 768px){
.single:not(.single-jetpack-portfolio) .entry-meta {
display: none;
}
.single-post .entry-content {
width: 670px !important;
}}

If you want to use footer copyright info or  Proudly Powered By WordPress in Argent theme by Automattic

Go to your dashboard. Then Appearance > Editor > footer.php . Please check the screenshot for better understanding and use the code i shared below the screenshot to change copyright info

Theme Argent by Automattic add footer copyright info or business information

				© Copyright 2018 or 2019
				<span class="sep"> | </span>
                Message about your company

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 )

Connecting to %s

%d bloggers like this: