Create Website for Publishing or Editorial work using WordPress theme Editor by Array: Documentation,Modification and Customization

Geared toward personal bloggers and photo bloggers, Editor includes big typography and images, plus a tab-based sidebar with a spot for a social links menu, featured posts, and a site logo. Here I am sharing you some css style code using which you  can modify the theme and can give it a different look which you want.

You can download the Editor Theme by Array from here. You can check Editor Theme Demo.

To modify Footer or Header files of Editor Theme, Download Editor Child theme.

You can ask question regarding any issue you are facing.

You can take my personal help in skype : om2000_cuet

Question 1:  If you want to change font size, color and font family of  page or post titles in pages, posts , archive or search  etc

Answer:   Try this css code

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

Question 2:  If you don’t want to show Categories, Tags or comments in homepage posts content or in Single Post, Tag page or Category Page

.entry-meta {
display: none;
}

*** Also, when you are removing this Category, Tags and Comments data, you may need to increase content section width. So use this code too

.entry-content {
width: 100% !important;
}

Question 3: If you want to change Continuous Reading font size, color and font family

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

Question 4: If you want the Continue Reading a new look like a button

a.more-link {
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
border-color: darkred;
border: 3px solid darkred;
padding: 15px 10px;
display: inline-block;
color: darkred;
}

*** you may need to change the hover background color and text color of Continue Reading

a.more-link:hover {
background-color: orange !important;
border-color: orange !important;
color: white !important;
}

Question 5: If you want to change font size, color and font family and line gap of posts or pages text (contents) of theme Editor by Array

.entry-content, .entry-content p {
font-size: 17px !important;
color: darkred !important;
font-family: cursive !important;
line-height: 28px !important;
}

Question 6: In Single Post if you want to change Previous Post / Next Post  font color, font size and font family

.post-navigation .meta-nav {
color: black;
font-family: cursive !important;
font-size: 17px;
}

*** To change Previous Post / Next Post title’s font color, font size and font family

.post-navigation .nav-links a {
font-size: 27px !important;
color: darkred !important;
font-family: cursive !important;
}

Question 7 :  To change Tabbed Widget section try these codes

** To change font color, font size and font family of the Widget title

.widget-area .widget-title, .widget-area .widgettitle {
color: darkred;
font-size: 20px;
font-weight: 700;
font-family: cursive !important;
}

** To make the widget text normal (not Uppercase)

.widget-area .widget-title, .widget-area .widgettitle {
text-transform: none !important;
}

** To Reduce gap between posts of Featured Widget

.widget-area .featured-post {
margin-bottom: 15px !important;
padding-bottom: 10px;
}

** To change featured Post ( widget ) title’s font color, font size and font family

.widget-area .featured-post h3 a {
font-size: 16px !important;
color: darkred !important;
font-family: cursive !important;
}

** To change featured Post (widget) date color

.widget-area .featured-post .featured-post-meta, .widget-area .featured-post .featured-post-meta * {
color: darkred !important;
}

** If you don’t want to show featured Post (widget) date

.featured-post-meta {
display: none !important;
}

Question 8 :  To modify Widget section ( Tab-3 )

** To reduce gap between widgets

.widget-area .widget {
padding-bottom: 10px !important;
margin-bottom: 10px !important;
}

** To change font color, font size and font family of text in widget (text widget)

.widget, .widget p {
font-size: 14px !important;
color: black !important;
font-family: cursive !important;
}

** To change font color, font size and font family of links in widget section

.widget-area a {
color: red !important;
font-size: 13px !important;
font-family: cursive !important;
font-style: italic !important;
}

** To change hover font color of links in widget section

.widget-area a:hover {
color: green !important;
}

Question 9 : Comments section modification

** To change the comments section light grey background color

.comments-area {
background: lime !important;
}

** to reduce padding around the comments section

.comments-area {
padding: 2% 5% 4% !important;
}

** To change font size, color and font family of comments title

.comments-title {
font-size: 45px !important;
color: darkred !important;
font-family: cursive !important;
}

** to show the comments title centered

.comments-title {
text-align: center !important;
}

** To reduce gap between comments title and the commentor

.comments-title {
margin-bottom: 3% !important;
}

** To change commentor (comment author) name font size, color and font family

.comment-cite a {
color: darkred !important;
font-size: 23px !important;
font-family: cursive !important;
}

** To change comments date font size,font color and font family

.comment-time, .comment-edit-link {
color: darkred !important;
font-family: cursive !important;
font-size: 14px !important;
}

** if you don’t want to show comment date

.comment-time, .comment-edit-link {
display: none !important;
}

** to change comments contents (text) font color, font size and font family

.comment-content {
color: darkred !important;
font-size: 14px !important;
font-family: cursive !important;
}

Question 10 : To change or modifications of first tab ( Site Title, menus and Social Icons)

** To change font size, color and font family of site title

.site-title a {
color: darkred !important;
font-size: 33px !important;
font-family: cursive !important;
}

** If you want to use a border around site title

.site-title a {
border: 2px solid darkred !important;
padding: 10px;
margin-bottom: 12px !important;
display: block !important;
width: 166px;
}

** If you want to change font size, color and font family of site description (tagline)

h2.site-description {
color: darkred !IMPORTANT;
font-size: 15px !important;
font-family: cursive !IMPORTANT;
}

** If you want to change the current or selected menu item font color and font weight (to make it bold)

.main-navigation .current_page_item a, .main-navigation .current-menu-item a {
font-weight: bold !important;
color: darkred !important;
}

** To change other menu items font color, font size and font family

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

** To change hover color of menu items

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

** To change social menus background color

.social-links ul a:before {
background: green !IMPORTANT;
}

** To change social menus hover background color

.social-links ul a:hover:before {
background: darkred !important;
}

Question 11: If you want to change footer copyright info or  Proudly Powered By WordPress in Gateway theme by Rescue Themes

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