Hey MikeTandySwag,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#top #wrap_all .all_colors h1 {
    font-size: 50px;
}
}

Best regards,
Rikard

Hey Em,

Thanks for contacting us!

You could actually go to Enfold theme options > Header > Extra Elements and insert your text as “small info text”, go to Enfold theme options > Header > Header Behaviour and check “Unstick topbar” and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling > Quick CSS

#top .phone-info {
    text-align: center;
    width: 100%;
    font-size: 14px;
}

Then finally go to Enfold theme options > Advanced Styling > edit “Small bar above Main Menu” and set background and set text colors :)

Best regards,
Yigit

Hi,

Please try this in Quick CSS:

#custom_html-3 a.avia-button {
  color: #fff;
  background #000;
  font-size: 16px;
}

If you need to change the link, then please edit this part of the code I sent you:

https://your.site/page/

Best regards,
Rikard

Hi,

Thank you for the update.

1.) We added the following css code to remove the menu indicator or the arrows.

.mega-indicator {
	display: none !important;
}

2.) And this one to remove the lines in the mobile menu.

.av_minimal_header .main_menu #mega-menu-wrap-avia #mega-menu-avia li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {
	border: 0;
}

3.) This is not possible out of the box but you should be able to use css to change the style of the mobile menu icon. Example:

#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-box::before {
	content: "\f411" !important;
	font-size: 30px;
	top: -20px;
	position: relative;
}

.mega-toggle-animated-inner {
	display: none !important;
}

Best regards,
Ismael

Hi,
Glad to hear this helped, as for the text block under “Page Overview” I see these links are H5 and for hover I see a slight conflict which I believe is due to the Advanced Styling for the H5 element which defines a new font size and the color is blank, which tells the theme to use the inherit color, which should also be fine, but the element doesn’t have the option to define a hover color so inherit is used which is the problem.
So we will need to add a css rule either for the font size or for the color, I recommend leaving the Advanced Styling setting as is and adding this css to your Quick CSS:

#top #wrap_all .avia_textblock  > h5 > a:hover {
	color: #fb6971;
}

After applying the css, please clear your browser cache and check.
Please let us know if you find any other oddities.

Best regards,
Mike

Hi,

Thanks for the update. I activated the child theme, but I can’t see any difference in either the header or the font sizes on your front page, could you check and verify that on your end as well please?

The image background in the Color Section looks good on my end, could you let us know what you would like to change please? If you have a screenshot highlighting your intentions, then that would help.

Best regards,
Rikard

Hey Patrick,

Thanks for contacting us!

1- You add following code to bottom of Functions.php file of your child theme (https://kriesi.at/documentation/enfold/child-theme/)

function av_get_site_desc() {
	$site_description = get_bloginfo( 'description' );
	return $site_description; 
}
add_shortcode( 'site_desc', 'av_get_site_desc' );

and use [site_desc] shortcode to display it wherever you want. To display it in header area, you can refer to this post – https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area and add a widget area to your header.
If that does not help, please post a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com and post the links here :)

2- Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#avia2-menu a {
    font-size: 17px;
}
#top .social_bookmarks li a {
    font-size: 20px;
}

Best regards,
Yigit

Hi Anja,

Please try this CSS as well to set a background for the read more button:

.home #avia_feature_image_slider_1 a.avia-slideshow-button {
  background-color: blue;
}

You can add this CSS instead of the previous block I sent, if you want to change the font size of the header:

.home #avia_feature_image_slider_1 h2.avia-caption-title {
    background: blue;
    padding: 10px;
    font-size: 28px;
}

All elements on your site can be seen if you select to inspect them in your browser. There is no intellectual property rights here, you can freely target them using your own CSS.

Best regards,
Rikard

Hi,
Thank you for your patience and for the links, on your site I see the images are not the same size, one is landscape, one is normal 467px x 467px (middle) and the first one is 1200px x 832px, so I recommend trying to use the same image size for all of them. Then I notice that your “title” is very long due to your language, since I doubt you want to hyphenate it I recommend using a smaller font size.
So as an example I created 6 simple team member elements with only an image and a little dummy text:

then I placed 3 in a grid row element as I described in the thread you linked to and 3 in 1/3 columns like you have on your site:

then I added this css for the box-shadow and text padding you were asking about:

.avia-team-member {
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
}
.team-member-description {
	padding: 0 15px 10px 15px;
}

and this was the result:

This seems like the result you were looking for, I like the grid row layout as it seems more full width, but the columns also have a nice boxed look. Hope this helps.

Best regards,
Mike

Hey John,
Thank you for your patience, and the link to your page, since you increased the font size you will also need to change this css to re-center the text:

.av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: 130px !important;
}

After applying the css, please clear your browser cache and check.
The default is 90px & I just experimented until it looked good, feel free to adjust.
This also helps with your mobile view, but please note that the element is not meant to show all tabs at mobile, it moves along as the tabs are clicked.

Best regards,
Mike

Hey,

Thanks for contacting us!

Please edit your Table element and give it custom ID in Advanced > Developer Settings tab (“custom-table” in example below) and then add following code to bottom of Quick CSS field

#custom-table .avia-heading-row { background-color: #719430; font-size:19px; font-weight: bold; color: white; border-bottom: none;}
#custom-table li { color: black; border: 1px solid black; } 

Best regards,
Yigit

Hi Tobias777G,

Please try the following in Quick CSS under Enfold->General Styling:

#footer .widget  p {
    line-height: 16px;
}

nav.sub_menu_socket li a {
    font-size: 16px;
}

Best regards,
Rikard

Hi,

Thanks for the update. Please remove the dot from the CSS class you added, it won’t work if there is a dot in the class.

Copyright line; the default backlink won’t be added, so you can remove the shortcode, and add your custom code to the slider. If you can’t add it into the slider, then you might have to add it into a code block, and position it using CSS.

Menu on phones; please try this in Quick CSS:

@media only screen and (max-width: 767px) {
div.footermenufont li {
    padding: 0px 10px !important;
}

div.footermenufont li a {
    font-size: 12px !important;
}
}

Best regards,
Rikard

Hey laempe,

The custom class is added to the parent div, so you would have to target the element using CSS like this:

.headline_style_home h1 {
  font-size: 30px !important;
}

Please try that out.

Best regards,
Rikard