Hi tonyiatridis,

I apologize for the delayed response.
I have checked your site and it seems to be showing the homepage properly now.

Best regards,
Nikko

Hi philthebass,

Can you give us a link to the page? (since I don’t have access to gravityforms) so we can inspect the form and try to provide some CSS code that might help.
You can post the link privately.

Best regards,
Nikko

Hi Daniel,

Can you try to add this CSS code in Enfold > General Styling > Quick CSS:

#top #wrap_all a {
    text-decoration: underline;
}

#top #wrap_all .avia-button, 
#top #wrap_all .main_menu a,
#top #wrap_all .sub_menu a,
#top #wrap_all h1 a,
#top #wrap_all h2 a,
#top #wrap_all h3 a,
#top #wrap_all h4 a,
#top #wrap_all h5 a,
#top #wrap_all h6 a {
    text-decoration: none;
}

Let us know if it helps.

Best regards,
Nikko

Hi Monika,

Please try to replace your code with this one:

/*Klasse Preistabelle */
.main_color .preistabelle, 
.main_color .preistabelle tbody, 
.main_color .preistabelle tr, 
.main_color .preistabelle td {
    text-align: left!important;
    color: black !important;
}

Hope it helps.

Best regards,
Nikko

Hi sarthakchoudhary,

Thankyou it’s working. What should I do if i want to increase size of the icons ?
You’re welcome :) just change the height and width of this part of the code I gave:

.page-id-1052 .avia-icon-grid-container .av-icon-cell-item .icongrid-char {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 64px;
    width: 64px;
}

Also can I use the same code for applying gifs on other pages which have the boxes by just replacing the page id ?
Yes, just copy and paste the same code and just replace the page id number.

Best regards,
Nikko

Hi Monika,

1. You can add this CSS code:

.main_color .avia-data-table .avia-heading-row .avia-desc-col {
    background-color: transparent;
}

2. You can change the color via this CSS code (this CSS code is for the 2nd column) just change the color as you see fit:

.page-id-752 #av_section_2 .avia-table tr > th:nth-child(2), 
.page-id-752 #av_section_2 .avia-table tr > td:nth-child(2) {
    color: blue !important;
}

For the 3rd column just copy the same code and replace nth-child(2) to nth-child(3) and change the color as well.
For the 4th column and so on, just repeat the same and replace the number.
I hope this helps.

Best regards,
Nikko

Hi Monika,

You’re welcome :)
By default, the body of the page has a class of page-id-ID, so when you use this CSS selector .page-id-20 it will only target the page with that ID number.
Also, Color Sections ID are auto-generated if you don’t set one, so if you don’t put one then it will automatically have the id of #av_section_1 and then increments in every Color Section. Also, Custom IDs are good idea if you only have one on the page since it’s supposed to be unique, if you use this layout twice in a single page then use Custom CSS Class instead of Custom ID Attribute. So what I suggest instead is to use a Custom CSS Class, let’s just name it center-columns (add this on each Color Section) and replace the code I gave you with:

#top .center-columns .flex_column_table {
    display: flex;
    gap: 4%;
    justify-content: center;
}

#top .center-columns .flex_column_table .flex_column {
    display: block;
    width: 33%;
    margin-left: 0;
}

#top .center-columns .flex_column_table .av-flex-placeholder {
    display: none;
}

Hope this helps.

Best regards,
Nikko

Hi Rob,

Yes, it’s possible.
Please create a new post, then add a classic editor, inside the classic editor click on the Magic Wand tool as shown in the screenshot:

Hover over Content Elements > Contact Form, then setup the contact form, once it’s done it should show some codes called a shortcode.
Copy the shortcode (you can delete the post) and paste it to your widget.
Hope it helps.

Best regards,
Nikko

Hi Anna_Tewes,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  #top .av-hotspot-container .av-image-hotspot_inner {
    display: none;
  }
}

Let us know if it helps.

Best regards,
Nikko

Hi wieckhorstpetra,

If you aren’t using a child theme yet, then you can download it here: https://kriesi.at/documentation/enfold/child-theme/
And follow the instructions under Install a child theme from your WordPress dashboard.

@Guenni007 thanks for helping out :)

Best regards,
Nikko

Hi bonsaimedia,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Monika,

The ID is not set on the Color Section, try to add this CSS code:

.page-id-20 #av_section_5 .flex_column_table {
    display: flex;
    gap: 4%;
    justify-content: center;
}

.page-id-20 #av_section_5 .flex_column_table .flex_column {
    display: block;
    width: 33%;
    margin-left: 0;
}

.page-id-20 #av_section_5 .flex_column_table .av-flex-placeholder {
    display: none;
}

Best regards,
Nikko

Hi sky19er,

You’re welcome :)
Just post a new thread and we’ll be happy to assist you.
Thanks also for using Enfold and have a great day!

Best regards,
Nikko

Hi Michael,

The hook you used does not exist so it will not work.
I think you’ll need to use a child theme and then copy footer.php from the parent theme to the child theme and make changes on line 328:

<a href='#top' title='<?php _e( 'Scroll to top', 'avia_framework' ); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>><span class="avia_hidden_link_text"><?php _e( 'Scroll to top', 'avia_framework' ); ?></span></a>

You can use the conditional tag to set it to change href on page 2077.
Hope this helps.

Best regards,
Nikko

Hi web4smallbusiness,

I’m glad that Yigit could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko