• Hi , Whenever I open a post on my blog trippindian.com there is a lot of white space between the header and the heading.

    I want to utilize this space.
    Can I put a search box here ?
    Or can I just write something there ?

    My site is : https://trippindian.com

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hello,

    Please give the screenshot of that white space.

    Thread Starter trippindian

    (@trippindian)

    Hi, Thanks for your reply.

    Here is the Screenshot : https://postimg.org/image/un0nfs7f5/

    Thanks !

    Hello,

    trip your Screenshot is not visible to us. Send it again.

    Thread Starter trippindian

    (@trippindian)

    white space

    • This reply was modified 8 years, 3 months ago by trippindian.
    • This reply was modified 8 years, 3 months ago by trippindian.

    Hello

    first, create a child theme using given LINK

    now copy breadcrums.php from main theme folder and paste in child theme folder after copy and paste open breadcrums.php of child theme folder go to line no.1 see codes

    <div class="enigma_header_breadcrum_title">	
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12">
    				<h1><?php if(is_home()){echo "";}else{the_title();} ?></h1>
    				<!-- BreadCrumb -->
                    <?php if (function_exists('weblizar_breadcrumbs')) weblizar_breadcrumbs(); ?>
                    <!-- BreadCrumb -->
    			</div>
    		</div>
    	</div>	
    </div>

    replace it with below code

    <div class="enigma_header_breadcrum_title">	
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12">
    				<div class="col-md-8">
    					<h1><?php if(is_home()){echo "";}else{the_title();} ?></h1>
    					<!-- BreadCrumb -->
    					<?php if (function_exists('weblizar_breadcrumbs')) weblizar_breadcrumbs(); ?>
    				</div>
    				<div class="col-md-4">
    					<div class="input-group">
    						 <form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>"> 	
    							<input type="text" class="form-control"  name="s" id="s" placeholder="<?php _e( "What do you want to find?", 'enigma' ); ?>" />
    							<span class="input-group-btn">
    							<button class="btn btn-search" type="submit"><i class="fa fa-search"></i></button>
    							</span>
    						 </form> 
    					</div>
    				</div>
                    <!-- BreadCrumb -->
    			</div>
    		</div>
    	</div>	
    </div>

    and save file.

    Thread Starter trippindian

    (@trippindian)

    Hi, first of all thanks a lot for the replies is there anyway to remove this space ?

    Hello,

    Which space you want to remove please give a screenshot for this issue.

    Thread Starter trippindian

    (@trippindian)

    It’s the same space from the screenshot I attached befire. I don’t have a child theme yet so I planned just to remove that white space

    Thanks ??

    Please go to Dashboard -> Appearance -> Customize ->Theme Options-> Theme General Options -> Custom CSS

    insert code into Custom CSS box and save

    @media (min-width: 1200px)
    .enigma_header_breadcrum_title {
        padding-top: 20px !important;
    }

    Thanks.

    Thread Starter trippindian

    (@trippindian)

    Hi, Thanks for the reply but it is still not working.

    hii,

    use this CSS –

    @media (min-width: 1200px){
    .enigma_header_breadcrum_title {
        padding-top: 0 !important;
    }
    }

    Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Relocate search box’ is closed to new replies.