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

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.

You can take my personal help in skype : om2000_cuet

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

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

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-transform: none !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;
}

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;

}

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

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

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

@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

				© 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

You can take my personal help in skype : om2000_cuet
Like this post?
Tweet
Email
WhatsApp
Print
Like this:
Like Loading...


	
Related