Domain Search options in general

ninjaunmatched
(@ninjaunmatched)

4 years, 10 months ago

I am working on a site locally. Using the Enfold theme with the Avia Builder.

The domain search bars are all messed up… so I have looked into the CSS.

Each Domain Search option is different. You have rstore-domain, rstore-domain-search, & rstore-domain-transfer.

Each one different CSS style classes are needed. I can get restore-domain-search to work easy… (I can find styles for it.) BUT…. Transfer & restore-domain I cannot figure out the style tree needed to change their styles. Only way that works of course is to override the direct element.

The elements I am alter of course are the input search-field & the button. Of course doing this affects all forms created on the site & that is not an ideal solution. Strange thing too is even adding .page-id-4848 is not sticking it to one page.

The footer form I get it may possibly pick up because it’s a page that shows under every page but form inside other pages still are affected despite use of the page-id class.

Would you happen to have an idea what the correct classes would be for those 2 widgets? I will add some inspection code…. in a reply.

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter

(@ninjaunmatched)

<div class="flex_column av_three_fifth av-animated-generic fade-in flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding avia-builder-el-17 el_after_av_two_fifth avia-builder-el-last column-top-margin avia_start_animation avia_start_delayed_animation" style="border-radius:0px; " id="domainSearch"><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  " itemprop="text"><p style="text-align: center;"></p><div class="widget rstore-domain widget_search">		<form role="search" method="get" class="search-form" action="https://www.secureserver.net/products/domain-registration/find/?plid=579635">
			<label>
				<input type="search" class="search-field" placeholder="Find your perfect domain name" name="domainToCheck" required="">
			</label>
			<input type="hidden" class="hidden" value="579635" name="plid">
			<input type="hidden" class="hidden" value="slp_rstore" name="itc">
			<input type="submit" class="search-submit" value="Search">
		</form>
		</div><p></p>
</div></section></div>

This element here picks up style

.page-id-3594 .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    font: 1.4em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 66.7%;
    border-radius: 16px 0 0 16px;
    float: left;
    height: 2.5em;
}

3594 is another page using the rstore-domain-transfer search yet it is getting applied to rstore-domain. Despite the page-id class being added. (Weird to me and I have tried removing the space even reordering the classes to get same results)

This reply was modified 4 years, 10 months ago by ninjaunmatched.

Thread Starter

ninjaunmatched

(@ninjaunmatched)

4 years, 10 months ago

To help things out a bit for your understanding… This is the only style that works:

.rstore-domain-search .form-container .search-form .search-field, .rstore-domain-search .form-container .search-form .search-submit {
    border-radius: 0 16px 16px 0 !important;
    float: right;
    width: 33.3%;
    margin-left: -6px !important;
    font-size: 1.4em !important;
    height: 2.3em;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.rstore-domain-search .form-container .search-form .search-field {
   font: 1.4em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    width: 66.7% !important;
    border-radius: 16px 0 0 16px !important;
    float: left !important;
    height: 2.3em !important;
}

But for only that widget…. Can’t get the other 2 to fully change without using direct changes using input submit / search-field. I know I am missing something and quite sure its one of those things when you just get a brain fart. BUT my next step after this is to literally alter the plugin PHP directly. (Adding styles can be added inline to the widget php file.)

Thread Starter

ninjaunmatched

(@ninjaunmatched)

4 years, 10 months ago

I decided to just edit the php and add the changes inline leaving the Advanced search alone since it is the only one that easily can be found style-wise….

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Domain Search options in general’ is closed to new replies.

Tags