Nice one Ismael.
That is so much easier than I thought it was going to be.
Thanks a million.
Rob

Nice one Andy! That’s fixed it.
Cheers
Rob

Thanks Ismael. Sorry It is still affecting all pages. This is my custom CSS.

/* stop force upper case */
body * {
 text-transform: none !important;
}
/* space header on voucher page */
.html_header_top.html_header_sticky #main {
    padding-top: 88px!important;
} 
.html_header_top.html_header_sticky .page-id-1052 #main {
    padding-top: 88px !important;
}
/* text shadow */
.av-special-heading {text-shadow: 2px 2px 2px #000000 !important;}
.av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(0, 0, 0, 0.4);
}
.av-subheading.av_custom_color {
opacity: 1;
}
h2 {text-shadow: 0px 0px 0px #000000 !important;}

/* transparency */
@media only screen and (max-width: 767px) {
.av_header_glassy.av_header_transparency #header_main {
    background-color: #ffffff;
}}

/* header text position */
.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-1.avia-builder-el-no-sibling.av-thin-font.av-inherit-size {
margin-top: 52px;
}

• This reply was modified 9 years, 1 month ago by fanlokbun.

Hi Yigit,
Unfortunately this effects the entire site dropping everything by 88px and the header loses transparency.
It is only needed for the Voucherpress page generated by clicking on the voucher:
http://walnut-tree-inn.co.uk/?voucher=950d609b81fbe7132fc80302a1a15de7

This is my css with your code (currently disabled):

/* stop force upper case */
body * {
 text-transform: none !important;
}
/* space header on voucher page */
.html_header_top.html_header_sticky #main {
    padding-top: 88px!important;
} 
.av-special-heading {text-shadow: 2px 2px 2px #000000 !important;}
.av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
.av_header_glassy.av_header_transparency #header_main {
    background-color: #ffffff;
}}
.av-subheading.av_custom_color {
opacity: 1;
}
h2 {text-shadow: 0px 0px 0px #000000 !important;}

.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-1.avia-builder-el-no-sibling.av-thin-font.av-inherit-size {
margin-top: 52px;
}

Thanks
Rob

Hi Josue,

Sorry for the delay. I have done as you say and disabled all plugins and created a new page but am still getting the same error with content disappearing below the top color section. I have phoned the hosting provider and they can’t see any problems. I use the same host for other Enfold WP installs with no problem at all.

If you can log in and try and edit the home and try and add another color section with content below the top one it will lose everything except the top color section. You will notice the second color section turns into a bar above the content and not around it.

If you can give me any idea what the problem is I would really appreciate it.

Thanks
Rob

Excellent thanks. Almost perfect. How do I stop the burger menu flipping from transparrent to opaque at the same breakpoint?

Thanks Elliott perfect solution. However I must be getting something wrong.
I put robHeader in the top color section ‘For Developers: Section ID’
and have
#robHeader .av-special-heading {text-shadow: 0px 1px 1px #000000 !important;}
as my quick css but the shadow is not showing.
Any ideas?
this is my test page:http://thedorsetgamelarder.co.uk/about2/
Thanks
Rob

Hi It is the Restaurant demo. The following 3 pages would be great thanks:
Home page: http://kriesi.at/themes/enfold-restaurant/
Menu: http://kriesi.at/themes/enfold-restaurant/menu/
About: http://kriesi.at/themes/enfold-restaurant/about/
Ta
Rob

Perfect! Thanks.

BTW I needed to leave in original so I now have this:

/* cell spacing */
.av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
    table-layout: fixed !important;
    display: table !important;
}
.avia-mozilla div .flex_column_table_cell.av_one_fourth {
    width: 24.5%;
}
/* For IE */
.avia-msie div .flex_column_table_cell.av_one_fourth {
    width: 24.5%;
}

Sorry Yigit still no difference in Firefox.

Sorry guys I wasn’t being clear again.

It wasn’t a cache problem.

Is it possible to modify this so it works in FF and IE.

/* cell spacing */
.av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
}

Sorry Yigit it hasn’t worked.
This is all my Quick CSS:

/* stop force upper case */
body * {
 text-transform: none !important;
}

/* Header link line orange*/
#top .header_color.av_header_transparency .avia-menu-fx {
    background: #FF6600 none repeat scroll 0 0;
}

/* Space between icon boxes contact */
.iconbox {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}

/* cell spacing */
.av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
}

Cheers
Rob

Ah sorry Yigit no it isn’t. It has done it site-wide on 2 column layout as well which was better at 6%. How do I limit 1% to 4 column layout and lower?

Thanks

That is what I was hoping you would tell me.

Hi Yigit,

The service provider said the limit of PHP is 128mb and it will use that and ignore that line in the wp-config so I have not done it.
http://www.walnut-tree-inn.co.uk/wp/info.php

Are you sure this is the problem? It has worked fine up until now. As do all the other Enfold sites I am running on the same hosting.

Every time I save changes to a page it loses everything except the header or does not apply the changes.

The only thing that has changed recently is that I have activated Jetpack and connected to WordPress.com

Thanks
Rob