Wordpress theme Editor by Array: Documentation and Modification of header, footer, sidebar, fonts, headings color and more.

theme Editor by array demo

Geared toward personal bloggers and photo bloggersEditor 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.

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

You can ask question regarding any issue you are facing.

Or can take my personal help.
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;
}

theme Editor by Array Post or page title modifications and Meta section Removal to increase width of contents

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;
}

Continue Reading button button look and text and hover background and color change

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;
}

theme Editor by Array Next and Previous Post modifications

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;
}

theme Editor by Array Tabbed sidebar featured post widget section modification

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;
}

theme Editor by Array Tabbed sidebar widget section modification

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;
}

theme Editor by Array comments section modifications

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;
}

theme Editor by Array site title menus and social icons modification

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

Proudly Powered by WordPress modification

				© 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….

2 Responses to Wordpress theme Editor by Array: Documentation and Modification of header, footer, sidebar, fonts, headings color and more.

  1. Tracy Lucas says:

    Extensive post! Very generous of you. I can’t seem to find any info online about my particular issue.. Is there any way to turn OFF the folder tab, so it just runs one sidebar?

    Like

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: