Home Web Development How to Customize Sahifa WordPress Theme Header

How to Customize Sahifa WordPress Theme Header

by Meostar

Today i am going to teach you How to Customize Sahifa WordPress Theme Header Custom image or transparent where logo is displayed, the part above main navigation menu in Sahifa WordPress theme provided by TieLabs, by default Sahifa Theme header is White. Unfortunately Tie Labs not added an option to change Background Image, only we can use full width logo instead of.

Here is way how you can change Sahifa WordPress Theme, just follow the following

Please add following CSS Code into Global CSS section under

>> Sahifa TiePanel

>> Styling

Add Background Custom Image

/*———–HEADER IMAGE—-CODED BY DYNAMIKSKILLS.COM——–*/

header#theme-header {
background: url(Replace with you Image url);
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

 

Transparent Background

If you want to make Header Background Totally transparent then use following code

/*———–HEADER Transparent—-CODED BY DYNAMIKSKILLS.COM——–*/

header#theme-header {
background: Transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

Watch Video

Related Articles

5 comments

How to Modify Thumbnail Images in WordPress Sahifa Theme in Posts, Related Posts and Sidebar Widget November 28, 2016 - 3:59 pm

[…] i will show you how can we modify Sahifa WordPress theme, in my other Article i was told you How  To Customize Header Image and Today  i will show you how can resize Thumbnail Image in WordPress Sahifa Theme in Posts, […]

Reply
krish January 21, 2017 - 4:56 pm

HI How to make header same as yours

Reply
Usman February 24, 2017 - 8:58 pm

how we make this banner mobile responsive..

Reply
marco April 24, 2017 - 5:19 pm

Hi, do you suppose it’s possible on Sahifa to have different heather (with different logo) on different pages?
Thank you
Marco

Reply
ahmed November 18, 2017 - 4:42 pm

hello sir that was really helpful but i am facing one more problem with sahifa that is how will i show ads on header ?

Reply

Leave a Comment

* By using this form you agree with the storage and handling of your data by this website.

This site uses Akismet to reduce spam. Learn how your comment data is processed.