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

Hi,

Thank you for the info.

1.) The font size on the demo and in the actual site is actually set to 12px, and the size of the images are the same but some of the images in the actual demo are not free to use, so they are replaced with other images. A few sliders are also not included because the images are subject to the same copyright issues. The container also has a maximum width of 1130px and the header is set to shrink on scroll.

2.) Looks like the “IN CASE YOU NEED HELP” section is missing and is replaced with a slider. You can recreate the layout using 1/3 columns with icon boxes inside and use the logo/partner slider element to recreate the slider containing logo images.

Aside from the missing images and a few missing elements or section in the home page, the demo and the actual site have the same layout, theme options and used the same templates and/or combination of elements.

Best regards,
Ismael

Hey Alan,

Thank you for the inquiry.

You can use this css code to adjust the font size of the masonry content.

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
}

Unfortunately, you cannot place the container below the image because it will break the layout of the masonry. What you can do is add a background overlay instead.

#top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.5);
}

If you need to only adjust the position of the text, try this css code.

#top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    vertical-align: bottom;
}

Best regards,
Ismael