Hi Ismael,

I can’t seem to find the base.php file in the editor screen inside the WordPress admin panel. I can’t access and edit this file from there?

My bad I got something completely wrong. I was thinking about rem rules not em. And furthermore I didn´t realize that

font:13px/1.65em

is shorthand CSS for

font-size:13px

line-height:1.65em

So there are absolute font sizes used instead of relative. Got it now.

I’ve tried the adding the code to the css in the Style section. It doesn’t make any difference – it still won’t go white.

I’ve also tried using a PNG text image but I’m having trouble with the sizes – they are too big even when I make them the right font in the editor.

Any more suggestions? It’s getting annoying.

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>

Thanks, Devin. I recreated all the tables with no success. The problem persists. My best guess so far is that is a problem in one of these classes:

@media only screen and (max-width: 767px)

{

.responsive div .avia-data-table table,

.responsive div .avia-data-table tbody,

.responsive div .avia-data-table tr,

.responsive div .avia-data-table td,

.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}

.responsive .avia-data-table{border-style:solid; border-width: 1px;}

.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}

.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}

.responsive .avia-data-table td:before {

display:block;

font-style: italic; font-size: 11px;

}



.responsive .avia-data-table td {

position: relative;

}

}

Thanks