Sahifa Theme Setting and Optimization
Sahifa Theme Setting and Optimization

Sahifa Theme Setting Configuration and Optimization

Sahifa Theme Setting
Sahifa Theme General Settings
Sahifa Theme Header Settings
Sahifa Theme Archive Settings
Sahifa Theme Post Settings
Style.css Customization
How to Buy Sahifa Theme
How to Update Sahifa Theme Manually
How to Update Sahifa Theme by FTP/ cPanel

Sahifa Theme Setting

All configuration setting of Sahifa Theme is described and show below with diagram

Sahifa Theme General Settings

Sahifa Theme General Settings

Sahifa Theme Header Settings

Sahifa Theme Header Settings

Sahifa Theme Archive Settings

Sahifa Theme Archive Settings

Sahifa Theme Post Settings

Sahifa Theme Post Settings
Sahifa Theme Post Settings

Style.css Customization

Header

theme-header {
background: #FFF;
margin: 20px auto 25px;
border-top: 0px solid #f88c00; /* babu – Original – border-top: 3px solid #f88c00; */
position: relative;

Top Menu Styles

top-nav {
background: #2d2d2d; /* babu – original #fbfbfb */
border-bottom: 1px solid #ececec;
height: 31px;

top-nav ul li:hover > a,
top-nav ul:hover > a,
top-nav ul li.current-menu-item a {
color: #F88C00; /* babu – original 000 */

WPML language switcher

.top-nav .social-icons a {
color: #F88C00; /*babu – original #555 */

/* Top Nav Social */

.top-nav .social-icons a {
color: #F88C00; /*babu – original #555 */

Main Nav

main-nav {

margin: 0 auto;
background: #2d2d2d;
box-shadow: inset -1px -5px 0px -1px #393939;
min-height: 52px;
border-bottom: 0px solid #F88C00; /* babu - original - border-bottom: 5px solid #F88C00; */

height: 52px;
line-height: 57px;
border-width: 0 !important;
margin: 5px auto; /* babu – add */

Breaking News

.breaking-news span.breaking-news-title {
background: #F43D2A;
display: block;
float: left;
padding: 8px 10px 0;
height: 32px;
color: #FFF;
font-family: BebasNeueRegular, arial, Georgia, serif;
font-size: 14pt;
line-height: 15px; /* babu – add */

Homepage Blocks

.stripe-line {
background: url(images/stripe.png);
height: 12px;
overflow: hidden;
margin-top: 5px;
display: none; /* babu – add*/

.cat-box .entry a.more-link,
.archive-box .entry a.more-link {
margin-top: 0;
float: right; /* babu – add */

.cat-box-content,

sidebar .widget-container,

/* .post-listing, / / babu -post-listing class is separated below */

commentform {

background: #FFF;
border-bottom: 4px solid #F88C00;
-webkit-box-shadow: 0 0 3px #CACACA;
   -moz-box-shadow: 0 0 3px #cacaca;
        box-shadow: 0 0 3px #CACACA;

}

.post-listing /* babu – this class is separated from the above */
{
background: #FFF;
border-bottom: 0px solid #F88C00;
-webkit-box-shadow: 0 0 3px #CACACA;
-moz-box-shadow: 0 0 3px #cacaca;
box-shadow: 0 0 3px #CACACA;

Tabbed Widget

tabbed-widget .widget-top {
background: #23282D; /* babu – original – background:#F7F7F7; / height: 46px; border-bottom: 3px solid #EAEAEA; padding: 0px 0 0 2px; / babu – original – padding: 8px 0 0 2px; */
margin: -10px -10px 10px;
}

tabbed-widget ul.tabs li a {

display: inline-block;
text-align: center;
color: #FF0000;     /* babu - original - color: #666; */
padding: 5px 9px 1px;
line-height: 30px;

}

tabbed-widget ul.tabs li a:hover {

color: #FF0000;   /* babu - original #000 */

Social Icons Widget

.social-icons.social-colored .fa-rss:before,
.arq-lite-rss a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-rss a i {
background: #f8bc2e;
border-radius: 90px; /* babu – add */

.social-icons.social-colored .fa-facebook:before,
.social-facebook,
.author-social a.social-facebook:hover,
.arq-lite-facebook a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-facebook a i {
background: #39599f;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-twitter:before,
.social-twitter,
.author-social a.social-twitter:hover,
.arq-lite-twitter a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-twitter a i {
background: #45b0e3;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-stumbleupon:before,
.social-stumble,
.author-social a.social-stumble:hover {
background: #eb4924;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-google-plus:before,
.social-google-plus,
.author-social a.social-google-plus:hover,
.arq-lite-google a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-google a i {
background: #fa0101;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-linkedin:before,
.social-linkedin,
.author-social a.social-linkedin:hover {
background: #65b7d2;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-pinterest:before,
.social-pinterest,
.author-social a.social-pinterest:hover {
background: #E00707;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-youtube:before,
.social-youtube,
.author-social a.social-youtube:hover,
.arq-lite-youtube a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-youtube a i {
background: #cc181e;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-instagram:before,
.social-instagram,
.author-social a.social-instagram:hover,
.arq-lite-instagram a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-instagram a i {
background: #3897f0;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .fa-behance:before,
.social-behance,
.author-social a.social-behance:hover,
.arq-lite-behance a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-behance a i {
background: #1769ff;
border-radius: 90px; /* babu – add */
}

.social-icons.social-colored .tieicon-flickr:before,
.social-flickr,
.author-social a.social-flickr:hover {
background: #ff0084;
border-radius: 90px; /* babu – add */

Pagination

.pagination {
overflow: hidden;
margin-bottom: 25px;
background-color: #DCDABF; /* babu – add back colour */

Background Change Demet

/* =Menu
————————————————————– */

.menu {
background-color: #0A90B7;
background-image: none;
}

.menu a {
text-shadow: 0 0 0;
}

.menu a:hover{
background-color: #B5304A;
background-image: none;
color: #333333;
text-shadow: 0 0 0;
}

.current_page_item a:hover {
background-color: #B5304A;
background-image: none;
}

/*
/babu – delete post date and author/

.post-meta { display:none; }

/babu – no comments/

.nocomments {
display: none;
}

/babu – Remove the words ‘You are here’ in breadcrumbs/

.breadcrumb-title {
display: none;
}

/babu – slider navigation/

navigation{

margin-bottom:0;
align:center;
}

*/

Underline hover to navigation items

.home #footer-widgets {
display: none;
}

Pagination

a.flex-prev:before, a.flex-next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after {
color: rgba(0, 0, 0, 0.6);
font-size: 24px;
left: 0;
position: absolute;
top: 2px;
}

Subscribe Button

connect .newsletter-form .email {
width: 60%; /babu – original 60%/
background: #fff;
padding: .6em;
color: #888; }

How to Buy Sahifa Theme

At first create account on theme forest. After purchasing your will get below mail

Hi Mashiur,
Thanks for buying with us. Below is a summary of your recent purchase. You can download your purchased item at your Downloads page and view your invoice(s) on your statement here.

Question 1 : Where can I input license number into Sahifa Theme

Answer:

Hi,

Thanks for using our theme!

You don’t need to input the license key in the theme options page to activate the theme. license validation will be added in the future updates.

Best Regards!

Question 2: I purchased sahifa theme arround 3 months ago. Previously I generated a ticket about license activation. I asked where I will input license number. You replied no need to input license, because theme will update automatically. Still I can see my theme version is 5.7.1. But I can see in internet 5.7.2 is released. May I know how can my site will update automatically

Answer: We didn’t mention that the theme will be updated automatically,

You need to update the theme manually or via the Envato Market Plugin https://tielabs.com/knowledgebase/how-to-update-the-theme-without-losing-tiepanel-settings/

Best Regards!

Question 3: Featured Images and all other images is not showing after opening a post. 90% of my post affected after purchase your theme. I have around 1000 post This problem occurs when I have purchase theme from you. This is big issue for me. For example: https://autogarment.com/bom-management-software-material-system/

Answer:

Hi,

Thanks for using our theme!

One of the plugins used on your site causes a JS error that stops the lazyload feature, Please try these common solutions:

  1. Update everything including WordPress, the theme and plugins. Available updates appear in Dashboard > Updates.
  2. Deactivate all plugins in case there is a conflict. If the problem goes away while all plugins are inactive, then reactivate them one by one to determine which is causing the problem.
  3. Clear cache in both your browser and in any caching plugins that you are using (also disable services like CloudFlare, if used with your website).
  4. Revert code changes if you have modified the theme’s code. If using a child theme, reactivate the parent theme.

Best Regards!

How to Update Sahifa Theme Manually

  1. Download theme form themeforest
  2. Go to Appearance >> Themes >> Activate another default Wp theme
  3. Delete the inactive Sahifa theme
  4. Click on Install theme >> through Upload
  5. Now activate Sahifa theme

How to Update Sahifa Theme by FTP/ cPanel

  1. Download theme form themeforest
  2. Go to wp-content/themes/
  3. Delete and override the Sahifa folder files with the new ones

Tutorial

Topicslink
Divi Themeyoutube.com/watch?v=ax3vG2P_kFk
Divi Theme- Fashionyoutube.com/watch?v=_EvECJeqJZI

About Engr. Kh. Mashiur Rahman

He is Top Class Digital Marketing Expert in bd based on Google Yahoo Alexa Moz analytics reports. He is open source ERP Implementation Expert for RMG Industry. He is certified IT Professional from Aptech, NCC, New Horizons & Post Graduated from London Metropolitan University (External) in ICT . To Hire his service and Him Email- [email protected], Cell# +880 1792525354

Similar Post

Theme.json Customize and Development for Guttenberg Editor

Theme.json Customize and Development for Guttenberg Editor Theme.json Customize and Development for Guttenberg Editor Creating …

Leave a Reply

%d bloggers like this: