Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .avia-fullscreen-slider p {
    text-shadow: 1px 1px 7px #000 !important;
}

Best regards,
Vinay

@gruebundmartsch
Sorry, it gets confusing when someone else hijacks a thread.

Please use this code for mobile:

@media only screen and (max-width: 767px) {
.flex_cell.no_margin.av_one_fourth.avia-builder-el-1.el_before_av_cell_one_half.avia-builder-el-first {
padding-top: 0px !important;
padding-bottom: 0px !important;
}}

I hope this helps you.

@mschneem
Would be best to open your own ticket for your issue.

Best regards,
Andy

Hi,

you could try this code inside Quick CSS field:

@media only screen and (max-width: 767px) {
#header .widget {
padding-top: 89px;
}}

and adjust as needed.

Best regards,
Andy

Hi,

this thread is getting more and more confusing to me. Check out this thread: https://kriesi.at/support/topic/add-post-categories-meta-data-to-post-created-using-alb/
Hopefully it will help you in your case.

If not, then it might be a good idea to start a new thread explaining clearly what you want to achieve.

Best regards,
Andy

Hi,

For the first issue, I didn’t experience any issues mentioned upon checking on it. But for the second issue, kindly add this code in Quick CSS (located in Enfold > General Styling):

#top .avia-image-container.avia-align-center .avia-image-container-inner {
    overflow: hidden;
}

Hope this helps :)

Best regards,
Nikko

• This reply was modified 9 years, 4 months ago by Nikko.

Hi,

Kindly add this code in Quick CSS (located in Enfold > General Styling):

#top .avia-fullscreen-slider h2 {
    text-shadow: 1px 1px 7px #000;
}

or this one:

#top .avia-fullscreen-slider h2 {
    text-shadow: 1px 1px 7px #000 !important;
}

Just adjust the code as you see fit. :)

Best regards,
Nikko

Hey!

I’m not really sure what you what to achieve, can you explain it a bit further maybe a screenshot of what you want to achieve. Also can I’d like to limit this thread to just one topic so if anyone wants to search for breadcrumbs it will be under that topic. Let’s continue in another thread.

Cheers!
Nikko

Hi Chrissy,

Sorry about that, kindly remove the code I gave and add this code in Quick CSS instead:

#top .wapl-flash.wapl-alignright {
    right: 4px;
    top: 4px;
}

#top span.woocommerce-advanced-product-label.product-label {
    border: 0;
}

Let us know if it works :)

Best regards,
Nikko

Hi,

We added the below code to Quick CSS

.icon-box-height {
	border-radius: 4px!important;
	 box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.icon-box-height .iconbox,
.icon-box-height .iconbox_top,
.icon-box-height .iconbox_content {
	margin-top: -1px!important;
	border: 0!important;
	background:transparent!important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
}

and enabled custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

To setup equal height icon box just add the class name “icon-box-height” to the column element inside which the icon box is placed and set the background color for the column element..

Please review the test page and let us know if you have any questions.

Best regards,
Vinay