Header Background & Listing page display ( Need to Change )

I had been using Geo-Craft theme past 2 years , Now like to change few looks in my website as follows...

1.Background color to full size image background ( TAT Change IMAGE attached )
2.Search & Location Boxes inside the background image as seen in image ( TAT Change IMAGE attached )
3.Few text above search box as seen in image ( TAT Change IMAGE attached )
4.In Category and All Listing page need few changes as shown in TAT Change 2 IMAGE attached

Kindly do guide me with it thank-you

 

Hello,

Greetings from InkThemes!

Solutions to your above issues are given below accordingly..

1) Background color to full size image background..

Please paste the code given below in Custom CSS field (Dashboard -> GeoCraft Settings -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

body {
    background: url('http://www.photohdx.com/images/2015/10/dark-blue-grunge-rough-background-texture.jpg');
}

Note: put your image URL instead of URL in the code..

2) Search & Location Boxes inside the background image as seen in image.

Please follow the screenshot given below.



For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

After that, paste the code given below in Custom CSS field of your dashboard.

Code:

.search_text p {
    text-align: center;
    padding-top: 23px;
    padding-bottom: 1px;
}

3) In Category and All Listing page need few changes as shown in TAT Change 2 IMAGE attached

Sorry.. didn't get any instruction in your second screenshot.

Hope it will resolve your issues..

Thanks & Regards!
Priyanka
InkThemes.com

 

Awaiting Its Kind of Urgent...

 

oh sorry -- i got your reply .. there was some problem loading... i get your previous reply only after i post reply..

Any ways ... i wanted search bar container inside the header background... ( over layed as shown in image TAT Change )

 

Hi,

Please paste the code given below in Custom CSS field of your dashboard.

Code:

.main_search {
    margin-top: -145px;
}
.header_wrapper .header {
    padding-bottom: 70px;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Great Sister, That Worked,

However I want to move logo to the top left site and menu to the very top in home page...

Just check www.http://www.tirupurappareltraders.com/ its kind of messed up....

Awaiting For Reply Thankyou

 

Hi Priya,

I tried with all codes but kind of mess up in as follows
when i move search bar using css .. it changes in other pages too..
I would like to make changes only to front page...
For Better understanding I have uploaded an new image..

I added a slider to front page..
Changes I require Only for Front Page:
1 -I need Slider as background Of front page Header full width & height - 600px
2- Logo Above Slider ( Default Position)
3- Main Search inside Slider Image... ( In front Of Slider withing the Slider Border..
4- Add Few Text Above Main Search
5- Add Few icons below The Main Search
6- Recently added ( Instead of default Display.. i would like you to change it as seen in image TAT CHANGE 2

Kindly help me through it...

Thank you

 

Hi,

I am unable to access your site..

Kindly check your provided URL..

Thanks & Regards!
Priyanka
InkThemes.com

 

http://www.tirupurappareltraders.com/ Site is working Just Checked

 

Something Or Exactly Like This..

 

Hope Tat image will give clear understanding...

 

Hello,

It requires a lot of customization of source code and our time as well,

As InkThemes has been receiving a high volume of support requests therefore, we will charge you for this customization,

Do let me know if you agree then, I will tell you the amount and mode of payment.

Thanks & Regards!
Priyanka
InkThemes.com

 

Hi priya.. will update u soon about paid service..

i have a master slider i want that to be my header background instead of just image.. how to add it....
kindly guide me in this...

 

height 600px...

 

Hi,

You can use WP Responsive header image slider plugin for your requirement..

Link of the plugin: https://wordpress.org/plugins/responsive-header-image-slider/

After installing the plugin, please follow the screenshot given below.



Code is as follow..

Code:

 <div class="headerslider">
<?php echo do_shortcode('[sp_responsiveslider]'); ?>
</div>

For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks i add it place you asked me to..
How ever when we add a header background LOGO is overlayed in header but mine went down...
I attached an image... Just want to move LOGO & Menu to Top Overlayed in-front of Header

 

Hi,

Please paste the code given below in Custom CSS field of your dashboard and change the umeric value as per your requirement.

Code:

.header_wrapper .logo_wrapper .logo img {
    margin-top: -957px !important;
    margin-left: 78px;
    position: relative;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Nope It doesn't work ... it hidden in smaller screens

 

Hi,

I generated Google API ( also tried Google Map API but map doesn't show in single listing page... and In Home page too..
I only want to have SEARCH box ( Remove Location Box ) And Increase the width of search Box ( without effecting Responsive)
and the width of search listing button in small screen to be even in size.. ( image attached )

 

Hello,

To determine and fix the issue, we need to access your dashboard.

So, send us your website WordPress login details at [email protected] along with the thread link.

Your Website URL:
WordPress Username:
Password :

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com