Hello
I’ve looked at lots of posts and tried everything but I could only get the mobile to work. Here’s my mobile code (break point is max 989).

	/* MOBILE - WORKS */
	
	/* sliders - titles and captions *************************************/

	.caption_bottom .slideshow_caption .slideshow_inner_caption {
	    margin-bottom: 20px; /* tight for images on white as well */
	}
	/* adjust vertical position of caption */

	.av_slideshow_full .container.caption_container {
		margin: 0px 0px 0px 20px !important;	
	}
	
	/* slider titles - default is h2 but using h3 styling */

	.avia_transform .av_slideshow_full .avia-caption-title {
		/* font-family: 'Roboto', sans-serif; */
		font-family: 'Noto Sans JP', sans-serif;
		font-style: normal;
		font-weight: 400;	
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 1px;
		color: #575757 !important;
		text-transform: uppercase;		
		text-shadow: 0px 0px 0px #000 !important;
		margin: 0px 0px 5px 0px !important;		
	}

	/* slider descriptions - h4 */
	
	.caption_bottom .slideshow_caption .avia-caption-content p {
		/* font-family: 'Roboto', sans-serif; */
		font-family: 'Noto Sans JP', sans-serif;
		font-style: normal;
		font-weight: 500;	
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 1px;
		color: $575757 !important;
		text-transform: uppercase;		
		text-shadow: none !important;
		margin: 0px 0px 0px 0px !important;			
	}
	
	/* applied class of topSliderMobileWhite to the fw slider */
	
	.responsive #top .topSliderMobileWhite .slideshow_caption h2 {
		color: #999 !important;
	}

	.responsive #top .topSliderMobileWhite .slideshow_caption .avia-caption-content,
	.responsive #top .topSliderMobileWhite .slideshow_caption .avia-caption-content p {
		color: #999 !important;
	}

This working example is on the contact page –

https://pemcorpackaging.com/contact/

For desktop, I applied a class of topSliderWhite to the fw slider, but it’s not picking up the changes. Here’s the code I tried.

This test is on the Solutions page –

https://pemcorpackaging.com/solutions/

/* DESKTOP - NOT WORING */

/* all titles unless overridden below - same styling as h1 but with shadow */

.avia_transform .av_slideshow_full .avia-caption-title {
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-weight: 400;	
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;		
	text-shadow: 2px 2px 4px #000;
	margin: 0px 0px 0px 0px !important;		
}

/* on white version - apply .topSliderWhite to fs slider - not working */

.topSliderWhite .avia-caption-title {
	color: #ff0066 !important;	
	text-shadow: none !important;			
}

/* all descriptions unless overridden below - same as h2 */

.avia-caption-content p {
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-weight: 400;	
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;	
	/* background: black; */	
	text-shadow: 2px 2px 4px #000;
	margin: 10px 0px 0px 0px !important;			
}

/* on white version - apply .topSliderWhite to fs slider - can't get any of these to work properly */

.topSliderWhite .avia-caption-content,
.topSliderWhite .avia-caption-content p {
	color: #ff0000 !important;	
	text-shadow: none !important;
}

.caption_bottom .slideshow_caption .topSliderWhite .avia-caption-content,
.caption_bottom .slideshow_caption .topSliderWhite .avia-caption-content p {
			
}

/* this changes the background but not the text */

.topSliderWhite .avia-caption-content,
.topSliderWhite .avia-caption-content p  {
	margin-bottom: -80px; /* tweak to offset height of controls and make v spacing for page h1 the same */
	text-align: left;
	background: orange !important;
	color: green !important;
}

.avia_transform .av_slideshow_full .active-slide .topSliderWhite .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .topSliderWhite .avia-caption-content {

}

Am I missing something really obvious? Thank you!

I can’t edit the existing text blocks/rows from the backend as there is no ‘edit element’ that shows up on the top of these elements.
I can edit columns and other elements like headings etc.
I’ve tried deactivating all plugins but this doesn’t work.
The code is showing up on the front end for all text blocks. Eg. [av_textblock size=’16’ font_color=” color=” av_uid=’av-133ju’]
I”ve updated to Enfold version 4.7.6.3 and running wordpress version 5.5.1

I got the following code from your documentation site and put it in Quick CSS
/* CSS – Tab font slyles */
.av-inner-tab-title {
font-size: 13px;
font-weight: 900;
letter-spacing: .5em;
line-height: 24px;
}
I then tries to increase the font size to 30 px but it has no effect.

Hi Enfold-People.
I have a strange problem.
I adjusted the font of my Text on top of the Vollbildslider by this Css:

.avia-caption-title { font-family: Herculanum !important; font-size: 66px !important; color: white !important; }
.avia-caption-content { font-family: Herculanum !important; font-size: 45px !important; color: white !important; }

It worked like a charm. But i wanted to use this font also in different sections of the site.
I was unabel to find a free zip of that font in order to install it.
But it seems to be already there and usable. I just cant figure out how to use it in different sections.
Would very much appreciate a hint from your side.
Thank you kindly
Filipp

Hey there,
I’m working on a new project, where I need to custom-style the portfolio grid.
The images themselves have a white background; so, naturally, I’d like the background of the portfolio title below, etc. to be white as well. In other words, both icons and title background below should share the same white background and thus, appear to be one element.
My second question is how I would need to go about changing both font size and font color of the portfolio title.

Many thanks for your time and help with this. I really appreciate it.

Hi,

How can I adjust the background colour and the font size of a tooltip?
Please advise.

Thanks and regards,
Sandra

Hi Kriesi Enfold Team,

I would like to purchase your theme and I have some questions before I really do it and start working with it. I would appreciate if you could come back to me on follwing issues:

1. BOOKING/RESERVATION for RESTAURANTS: Do you provide only the booking form with table view as shown on your DEMO VERSION RESTAURANT? Or do you offer more versions on booking systems? If not (and if yes too), how would the booking system work out? Do we get the option to manage bookings in the backend and will the customer receive a confirmation mail etc. So how does a booking system work with enfold? Is it available in GERMAN? And in case I would like to install a plugin from another developer on this issue would it be possible?

2. GOOGLE MAPS: Can we put google maps fullwidth e.g. above the footer ?

3. BUTTONS: do I always have to fill the buttons with a colour or can I just use coloured frames too? Which kind of options do I have in general with the buttons (colour, frames, size, font adn font size)

4. PRELOADER: Can I create a preloader on my own e.g. with my logo?

5. BLOG BOXES: Which kind of blog designs do you offer? I would prefer having a picture or video above and text below in a box. Is this possible? Is it possible to add a shadow to the boxes?

6. PARALLAX: Can the parallax effect be put anywhere I want to the page? Or is it just possible above the footer (as in your demo).

7. FORMS: Can I set different types of forms for different issues?

8. MAILCHIMP / GDPR: Can I include NL request and Privacy Terms right to the forms and booking tool?

9. SUPPORT: How does the support work out once I purchased the theme? How can I get in touch with you and how often can I ask you something?

10. NO CSS SKILLS: Since I am a complete beginner with CSS (I have not even started with tutorials but I am planning on it as soon as my time allows it) I would appreciate if I could set up the wp-site with drag&drop as much as possible. So if I do not import the demo site, do I have to deal with CSS and building everything on my own or do I have still the possibility to build it with drag&drop as I want it to be?

Well that’s it for now and i would appreciate a response as soon as possible because I would like to start soooon 😊

Thanks for your support

Regards Verena