Thank you Ismael
Much appreciated!

Hi Ismael,
Thank you for reply and advise. I did try and it again today and seems to have worked this time. Not sure what the issue was.

Anyway however, I still need to fix the issue as described in post #1128465. The second line background size. Can you offer some CSS code to fix this?

Cheers,
Joe

Ok, now I after taking out that code that seemed to fix the layout issue.. I can’t the background of the second line in the caption title to shorten like the rest.
See screenshot: Image #6. I just want to shorten the text background on the second line “We’ll take the pressure off…” like the rest.
Here’s the code I currently have in my Quick CSS. If you have any ideas to clean this code up as well or perhaps delete anything that’s no longer needed… please let me know. Again, Thank you for any help you can provide!!
Cheers,
Joe

************Quick CSS***********************************

#top .logo {
padding-top: 5px;
}

.caption_framed .slideshow_caption .avia-caption-title {
background: rgba(0,0,0,.8);
font-size: 45px !important;
}

#top .avia-icon-list .iconlist_icon {
background-color: #333333;}
.main_menu ul:first-child > li > a{ font-size:13.5px; }

#top {
font-size: 13.5px;}

*************Removed*****************************
‘#top .iconlist_icon {
background: #490;
border-color: #480;}

‘#top .iconbox_icon {
color: #00aa44;}

‘#top .av_font_icon a{color: inherit;}

.iconbox.iconbox_left .iconbox_icon {
color: #999;}

************Removed*****************************

‘#top .iconlist_icon {
border-color: #ff0000;}

.tab_titles .tab { font-size: 13px !important; }

#top .tabcontainer .active_tab {
font-size: 13px !important;
background: #222222;
color: #fff;
}

.js_active .top_tab .tab {
border-color: #e1e1e1;
background: #fff;
color: #222222;
}

.tab.active_tab {
color: white!important;
}

#top p.toggler.activeTitle {
background: #555555;
color: #fff;
}

.activeTitle span.toggle_icon, .activeTitle .toggle_icon .hor_icon {
border-color: #fff;
}

.mejs-offscreen { : none !important; }

.tribe-mini-calendar-grid-wrapper .tribe-mini-calendar td {
: table-cell;
}

#fullwidth .container{ max-width: 100% !important; padding: 0 !important; }

#wc-moneris-account-number{
height: 40px !important;
padding: 0 !important;
border: 0 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
font-weight:bold;
font-size: 13.5px!important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: #990000!important;

}

#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial {
min-height: 420px;
}

.page .hatom-extra{
: none;
}

.caption_framed .slideshow_caption .avia-caption-content {
background: rgba(0,0,0,.7);
font-size: 20px !important;
}

.slideshow_caption { width: 80%; }

.avia-caption-title {
margin-bottom: 10px !important;
}
.avia-caption-content {
: inherit !important;
}

Hi Rikard,
Have you had a chance to look at this since my last reply? Please advise. I have you set to login using the link provided.
Kind of desperate to get this fixed.
I appreciate your help!!

Joe

Oh sorry..Yes!

Hi Mike,
I tried the code in both Enfold “Custom Css” (no effect) and in the Customize section… (no effect).
When I tried in the customize section it showed over 20 errors in code? I couldn’t grab a screenshot to show you because you can only see it if you hover your mouse over it.

Your thoughts?
Fee free to log in with that link and try it yourself.

Cheers,
Joe

Hi Mike,
Thank you!! You’re a genius.
The first option (quick css) didn’t work but the second option did. MUCH appreciated!
Since my last posting however I noticed another issue with the settings for this menu that I hope you can help resolve.
When I try and change the font size of the Main Menu Links through Advanced Styling… to a smaller font, it doesn’t change the font size at all… but it instead, it decreases the line spacing (as you can see by the screenshot link attached). Not sure what’s going here and there’s no way to fix that either because there’s no option to adjust the line spacing in this section. There is “Line Height” settings in the in the Main Menu sub-level Links, but nothing in the Main Menu Links. Any idea how to fix this?

Thanks again for help!

That’s because I had to get help elsewhere to get this fixed. I could afford to wait any longer.

Thanks anyway!

Hey Vinay,

I managed to get them to send me one. (screenshot attached). I As you can see it’s all the way to the right as far as it can go and up as high as it will go. At least as far as the settings will allow. I need code to move it up away from the image in the background.
Same kind of deal with other sliders as well. I need code that will do the same for those but work independently.

Thanks for getting back to me!

Hello??
Can someone reply to help!

It set for maintenance right now and I have someone working currently working on it. I only really need some sample code to use as described earlier that will help with positioning the caption(s) on individual sliders. The code needs to be able to work independently with each slider as not every slider will use the same positioning. With some examples to get us started… I’m sure we can figure it out from there.

Cheers!!

Ok, I added it back. Should be good now. Please don’t try and disable the plugins again… I already confirmed it wasn’t that and when I did that it screwed up some settings that caused me spend two hours to fix. It has to be something else.
Regardless, even if it was the plugins, you guys should of heard about what plugins are causing issues by now or least know what plugins don’t work with enfold.

Let me know what you find out!
Cheers
Joe