I am trying to remove my archives and search bar from the bottom of my blog pages. I have already removed it from my sidebar. Here's my website: www.kylejohnphoto.com. Any help would be appreciated!
thanks.
Remove this from the blog template file
<aside id="search" class="widget widget_search">
<form role="search" method="get" class="search-form" action="http://kylejohnphoto.com/">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Search…" value="" name="s" title="Search for:">
</label>
<input type="submit" class="search-submit" value="Search">
</form>
</aside>
<aside id="archives" class="widget">
<h1 class="widget-title">Archives</h1>
<ul>
<li>August 2013</li>
</ul>
</aside>
Related
I am converting an HTML website to a WordPress site and don't know how to call the header image in the header. Also, I want a unique header image on each category page. Is there a way to do it without a plugin?Background image below header
<div class="ftcat-header">
<div class="ftcat-header-image-wrap">
<div class="ftcat-header-image-overlay"></div>
<div class="ftcat-header-image skip-lazy" style='background-image: url("<?php echo wp_get_upload_dir()['baseurl'] . '/2022/02/cuisine.jpg'; ?>");'></div>
<div class="ftcat-header-content">
<h1 class="ftcat-header-title">
Cuisine - Revues Des Produits et Guides d'Achat </h1>
<div class="ftcat-header-search">
<form role="search" method="get" class="search-form" action="https://ideadear.com/">
<input type="search" class="search-field" placeholder="Search for the best product..." value="" name="s" />
<button type="submit" class="search-submit">Search</button>
</form>
</div>
<div class="ftcat-header-meta">
</div>
</div>
</div>
</div>
we have a wordpress website: https://rotecgroup.com/
our plugine is rankmath;
our webserver is nginx litespeed.
I want to redirect a link with symbol to another link.
For example:
https://rotecgroup.com/software-single/?singlesoft=5
redirect to:
https://rotecgroup.com/software/
I had use rankmath plugine and htaccsses for working this redirect,
but it's not working. What can I do?
this code:
<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_6' >
<form method='post' enctype='multipart/form-data' id='gform_6' action='/software-single/?singlesoft=5'>
<div class='gform_body'>
<ul id='gform_fields_6' class='gform_fields top_label form_sublabel_below description_below'>
<li id='field_6_1' class='gfield field_sublabel_below field_description_below gfield_visibility_visible' >
<label class='gfield_label' for='input_6_1' ></label>
<div class='ginput_container ginput_container_text'>
<input name='input_1' id='input_6_1' type='text' value='' class='large' placeholder='09123456789' aria-invalid="false" />
</div>
</li>
</ul>
</div>
</form>
</div>
Toggle navigation
Toggle navigation
<div class="search-login">
<form method="get" id="header-searchform" action="/">
<input type="search" autocomplete="off" name="s">
<input type="hidden" name="post_type[]" value="portfolio" />
<input type="hidden" name="post_type[]" value="post" />
<input type="hidden" name="post_type[]" value="page" />
<i class="fas fa-search"></i>
</form>
</div>
<div class="menu-main-container">
<ul id="main_menu" class="nav navbar-nav group navbar-collapse collapse">
{{ navigationWidgetPServerCore().menu('default').setPartial('p-server-core/navigation')|raw }}
</ul>
</div>
<div class="clear"></div>
<div id='magic-line'></div>
<div class="clear"></div>
</div><!-- /.navbar-inner -->
</nav>
any help? all works well on pc laptop but on phone bar is auto close.
I'm trying do a few customizations to the wordpress default search form and I would like to replace the text "Search" in the value="Search" string with an icon.
Currently I have the following form:
<form role="search" method="get" id="searchform" class="searchform" action="//example.com/">
<div class="box">
<div class="container-1">
<input type="text" value="" name="s" id="s" placeholder="Search..." />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</div>
</form>
How can I put in the following icon instead? <i class="fa fa-search"></i>
Here is a bit of a workaround, I replaced the input with button, removed value completely
<form role="search" method="get" id="searchform" class="searchform" action="//example.com/">
<div class="box">
<div class="container-1">
<input type="text" value="" name="s" id="s" placeholder="Search..." />
<button type="submit" id="searchsubmit" />
<span class="icon"><i class="fa fa-search"></i></span>
</button>
</div>
</div>
</form>
Form seems to work just fine ..
I cannot seem to make the search button and input box be aligned on the same line...currently the textbox is above the search button...any tips?
<!-- Search Bar -->
<div class="headline headline-md"><h2>Search</h2></div>
<div class="input-group margin-bottom-40">
<form method="get" action="#Url.ArticulateSearchUrl(Model)">
<input type="text" name="term" class="form-control" placeholder="Search">
<span class="input-group-btn"><button type="submit" class="btn-u"><i class="fa fa-search"></i></button></span>
</form>
</div>
<!-- End Search Bar -->
The problem is that the <div>s the <h2> and the <form> are display:block and fill the width of their container
You can convert your HTML to
<div class="headline headline-md"><h2>Search</h2></div>
<form method="get" action="#Url.ArticulateSearchUrl(Model)">
<input type="text" name="term" class="form-control" placeholder="Search">
<span class="input-group-btn"><button type="submit" class="btn-u"><i class="fa fa-search"></i></button></span>
</form>
and add this CSS
.headline-md,h2,form{
display:inline-block;
}
.headline-md{
width:80px;
margin-right:15px;
}
I added !important to force the new CSS rules. I added a code snippet to demonstrate the code.
.headline-md,h2,form{
display:inline-block !important;
}
.headline-md{
width:80px !important;
margin-right:15px !important;
}
<div class="headline headline-md"><h2>Search</h2></div>
<form method="get" action="#Url.ArticulateSearchUrl(Model)">
<input type="text" name="term" class="form-control" placeholder="Search">
<span class="input-group-btn"><button type="submit" class="btn-u"><i class="fa fa-search"></i></button></span>
</form>
I figured it out. This did the trick:
<!-- Search Bar -->
<div class="headline headline-md"><h2>Search</h2></div>
<div class="input-group margin-bottom-40">
<form class="input-group" method="get" action="#Url.ArticulateSearchUrl(Model)">
<div class="input-group-btn">
<input type="text" name="term" class="form-control" placeholder="Search">
<span><button type="submit" class="btn-u"><i class="fa fa-search"></i></button></span>
</div>
</form>
</div>
<!-- End Search Bar -->