Thanks Dude, this partially works, or perhaps I wasn’t very clear in my initial request.

Example if the search box (top right in header) is used to forthe search, it generates a horizontal search result with title/excerpt and the new ‘read more’ text which is great, however, if the WP catagory search widget is used then the result is image/excerpt but no ‘read more’ text, this is the search result that I’d really like, can this be done?

Thanks

Silvio

Devin hi,

yes, I need the background image to resize acording to the screen size.

now the text is on top of the image in some screen size and that looks real bad.

can you think of a solution ?

I thought about making it a text box but that does not work aswell (different reason)

Okei, here is my custom css:

.main_menu ul:first-child > li > a {

display: block;

text-decoration: none;

padding: 0 13px;

font-weight: normal;

font-size: 16px;

font-weight: 600;

font-size: 16px;

}

#top #menu-item-search.menu-item-search-dropdown>a {display:none;}

#header_meta {

display: none;

}

Thank your Ismael for your time.

Actually, the code is working but the problem is when I get back to the admin panel, everything is fucked. I have modify a bit the code, because the one up there didn’t have the bottom-border radius.

What I want is to use that code in a 1/3 panel. The actual code that I use is that. If you don’t understand what I mean, I can send you my login/pass and you’ll be able to take a look at it.

thank you.

<div class=”flex_column av_one_third avia-builder-el-7 el_after_av_two_third avia-builder-el-last “><div class=”avia_textblock”>

<div style=”color: #ffffff; background-color: #434c56; padding: 20px; border-top-left-radius: 25px; border-top-right-radius: 25px; margin-bottom: -40px; text-align: center;”>

<p style=”font-size: 15px;”></p>

<p style=”font-size: 15px;”>Or simply fill in your details below

and we will get back to you.</p>

<p style=”text-align: center; font-size: 15px;”>You have nothing to lose and

only new business to gain.</p></div>

</div>

<div style=”color: #ffffff; background-color: #434c56; padding: 20px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; margin-bottom: -40px; text-align: center;”>

<form action=”http://symbioticmarketing.co.uk/services/corporate-blogging-copywriting/&#8221; method=”post” class=”ajax_form avia-builder-el-9 el_after_av_textblock avia-builder-el-last ” data-avia-form-id=”1″>

<fieldset>

<p class=”” id=”element_avia_name_1″><label for=”avia_name_1″>Name*</label> <input name=”avia_name_1″ class=”text_input is_empty” type=”text” id=”avia_name_1″ value=””></p>

<p class=”” id=”element_avia_e-mail_1″><label for=”avia_e-mail_1″>E-Mail*</label> <input name=”avia_e-mail_1″ class=”text_input is_email” type=”text” id=”avia_e-mail_1″ value=””></p>

<p class=”” id=”element_avia_contact_number_1″><label for=”avia_contact_number_1″>Contact Number*</label> <input name=”avia_contact_number_1″ class=”text_input is_empty” type=”text” id=”avia_contact_number_1″ value=””></p>

<p class=”” id=”element_avia_sign_up_for_our_email_newsletter_1″> <input name=”avia_sign_up_for_our_email_newsletter_1″ class=”input_checkbox ” type=”checkbox” id=”avia_sign_up_for_our_email_newsletter_1″ value=”true”><label for=”avia_sign_up_for_our_email_newsletter_1″>Sign up for our email newsletter</label></p>

<p class=”” id=”element_avia_message_1″> <label for=”avia_message_1″ class=”textare_label hidden textare_label_avia_message_1″>Message*</label> <textarea name=”avia_message_1″ class=”text_area is_empty” cols=”40″ rows=”7″ id=”avia_message_1″></textarea></p>

<p class=”hidden”><input type=”text” name=”avia_avia_username_1″ class=”hidden ” id=”avia_avia_username_1″ value=””></p>

<p class=””><input type=”hidden” value=”1″ name=”avia_generated_form1″><input type=”submit” value=”Submit” class=”button”></p>

</fieldset>

</form>

<div id=”ajaxresponse_1″ class=”ajaxresponse ajaxresponse_1 hidden”></div>

</div>

</div>

Hi,

Okay, no problem..

Now it works well to phone version put on to normal screen top section goes under the main menu.

Thank you for your prompt response. Worked perfectly!!!

Thanks Ismael, your the best!

Thanks Ismael,

It does work for the side icon but not the top one.

* Here is a screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Screen-shot-2013-05-29-at-4.30.03-PM.png

* Live link http://www.omglovetwins.com/test-table

Do you have a css for the top icon.

Thanks,

Nicolas

No luck. Any other way around this? Some way to ignore certain code from displaying this way?

Here’s the code if it helps:

Ok, I did it the hardcore way then.

if one needs to achieve this:

line 235 of slider.php: add a div with unique id like this: $data .= '</div><div id="ls-mask"></div>';

then add in your custom.css this:

#ls-mask {

position: absolute;

top: 0px; left: 0px;

width: 100%;

height: 100%;

pointer-events: none;

box-shadow: 0 0 10px #000000 inset;

z-index: 1000;

}

Works always consistently on all sliders without doing tricky stuff within the slider itself.