[Sakin]

Hello Sandra,

Elementor is using an old version of Font Awesome. So for Font Awesome 4, you can add the following CSS:

.widget_catchresponsive_social_icons a.font-awesome {
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
}

Regards,
Sakin

[Sakin]

Hello Sandra,

I think you are looking for more icons. So, it’s better to use Font Awesome 6 in the above CSS as well.

Can you add the following CSS for Social icons in “Appearance => Customize => Additional CSS” box

.widget_catchresponsive_social_icons a.font-awesome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
}

Regards,
Sakin

[Sakin]

Hello Sandra,

If you want to use the Font Awesome 4 which is there in Elementor then you can add following CSS in “Appearance => Customize => Additional CSS” box

.mobile-menu-anchor .fa-menu:before {
  font-family: "FontAwesome";
}

But if you want to use the Font Awesome 6 which is there in the theme then you can add following CSS in “Appearance => Customize => Additional CSS” box

.mobile-menu-anchor .fa-menu::before {
  font-family: "Font Awesome 6 Free";
}

Regards,
Sakin

[Sakin]

Hello @lolahentertainment,

It looks like plugin issue. Can you check your WP Rocket and other cache plugin settings?
Try this, go to “Settings => WP Rocket => File Optimization”
* In CSS File settings, try unchecking “Optimize CSS delivery”
* Same with JavaScript Files, check the settings

[Sakin]

Hello Andreas,

Sorry for the issue. We have fixed it in version 4.0.2. Please update and it should work fine.

Regards,
Sakin

[Sakin]

Hello Juergen,

I have deactivated the license key from your old site. Now, you can log in to your new site and activate the license key.

In the future, you can deactivate the license from your account by yourself:

1. First, log in to My Account page: Once you are on the My Account page, click on “View Licenses” and you will see your license details.
2. Click on “Manage Sites” and you will see the site URL, then click on “Deactivate Site”.
3. Then you can Install the license key on your Live Site.

Regards,
Sakin

[Sakin]

Hi Laura,

You can increase the font-size in the following CSS and add it in “Appearance => Customize => Additional CSS” box:

@media screen and (max-width: 1024px) {
  body, button, input, select, textarea {
    font-size: 15px;
  }
}

Regards,
Sakin

[Sakin]

Hello Hans,

I’m glad to hear that you found the solution. Closing this topic.

Regards,
Sakin

[Sakin]

Hi Antonio,

It’s a little technical to check the ID. Please refer to https://support.google.com/campaignmanager/answer/2828688?hl=en

Regards,
Sakin

[Sakin]

Hi Antonio,

You need to link the form using # ID. Please this as link

https://weddingphotographymiami.com/contact-me/#QFBsDxT7HsQbjuv9M9kX

Regards,
Sakin

[Sakin]

Hello @ute hieke: Yes, your theme license expired on June 23, 2024. So, you need to renew it to get an update. You can move the license key from the development site to the live site. Please check https://catchthemes.com/frequently-asked-questions/#question-installation-how-to-move-license-key-from-development-site-to-live-site

[Sakin]

But if you try to open the video link https://eximglobalsupply.com/wp-content/uploads/2025/01/cargo1.mp4, it says “404 Not Found”. So, try uploading on your server again.

[Sakin]

Hello Antonio,

Looks like you copy the DIV HTML code as well. You can find the raw CSS at https://gist.githubusercontent.com/sakinshrestha/2a8ef03ad182e5fefb4a4bbf2c176c08/raw/cff5b5f37dd1cd4010d67d6eac246c316e26b52a/style.css

Copy the code from this link and add it to the “Appearance => Customize => Additional CSS” box. This code is the code for the Desktop menu for 1024px and above.

Regards,
Sakin

[Sakin]

@meg69: Please let me know your site URL and then I can check for issue

[Sakin]

Welcome and let me know if you have any other issues. Have a nice day.

[Sakin]

Hi Edwin,

You can remove that box shadow by adding the following CSS:

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  box-shadow: none;
}

For Header Border Color, you can add the following CSS:

#masthead {
  border-color: #eee;
}

For Header Border Color, you can add the following CSS:

#colophon {
  border-color: #eee;
}

Regards,
Sakin

[Sakin]

Can you try the following CSS?

#masthead .site-description {
  color: #fff;
}

[Sakin]

Hello Edwin,

That’s the active tab border color, if you don’t want it then make it the same as your background color. For that, just add the following CSS in the “Appearance => Customize => Additional CSS” box:

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #f7f7f7;
}

Regards,
Sakin

[Sakin]

Can you let me know your site URL and I will check it?

[Sakin]

Hi,

You can change the Header Text Color from “Appearance => Customize => Colors” which will change the color of both the Site Title and Tagline. But if you want to change the Tagline color then you can change the color code in the following CSS and add it in the “Appearance => Customize => Additional CSS” box:

.absolute-header .site-description {
  color: #ffffff;
}

Regards,
Sakin

[Author]

Posts