Header Background & Listing page display ( Need to Change )

Discussion in 'GeoCraft WordPress Theme' started by atsoan, Aug 31, 2016.

  1. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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
     

    Attached Files:

    Last edited: Aug 31, 2016
  2. priya

    priya Guest

    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.

    add_text_above_searchbox.png

    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
     
  3. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    Awaiting Its Kind of Urgent...
     
  4. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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 )
     
  5. priya

    priya Guest

    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
     
  6. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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
     
  7. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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
     

    Attached Files:

  8. priya

    priya Guest

    Hi,

    I am unable to access your site..

    Kindly check your provided URL..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  9. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
  10. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    Something Or Exactly Like This..
     

    Attached Files:

  11. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    Hope Tat image will give clear understanding...
     
  12. priya

    priya Guest

    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
     
  13. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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...
     
  14. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    height 600px...
     
  15. priya

    priya Guest

    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.

    plugin_header_background.png

    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
     
  16. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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
     

    Attached Files:

  17. priya

    priya Guest

    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
     
  18. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    Nope It doesn't work ... it hidden in smaller screenso_O
     
  19. atsoan

    atsoan New Member

    Joined:
    Dec 17, 2013
    Messages:
    26
    Likes Received:
    1
    Location:
    Ooty
    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 )
     

    Attached Files:

  20. priya

    priya Guest

    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
     

Share This Page