Change button colour

Hi Cherise,

For advanced color options, you need to upgrade to the pro version. In the Catch Wedding Pro theme, you can change the color from “Appearance => Customize => Theme Options => Colors”. There are many places with pink so it will be difficult to change with CSS only.

For homescreen button color, you can change the color code in the following CSS and add it in “Appearance => Customize => Additional CSS” box:

.header-media .more-link .more-button,
#promotion-section .more-link .more-button,
#hero-section .view-all-button .button,
.site-main #infinite-handle span,
.view-all-button .more-link {
  background-color: #000;
  color: #fff;
}

Regards,
Sakin

Hello Cherise,

1. For the transparent button, you can use the following CSS in the “Appearance => Customize => Additional CSS” box:

.header-media .more-link .more-button,
#promotion-section .more-link .more-button,
#hero-section .view-all-button .button,
.site-main #infinite-handle span,
.view-all-button .more-link {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}

2. To remove the header media title for mobile view only, add the following CSS in the “Appearance => Customize => Additional CSS” box:

@media only screen and (max-width: 768px) {
	.header-media .entry-title {
		display: none;
	}
}

3. Catch Wedding theme doesn’t have a black background. So, I am confused about this.

4. You need to ask the Elementor support team.

5. You can hide that by adding the following CSS in the “Appearance => Customize => Additional CSS” box:

#header-navigation-area .search-social-wrap .secondary-search-wrapper {
	display: none;
}

6. You can hide that Site Title on Mobile by adding the following CSS in the “Appearance => Customize => Additional CSS” box:

@media only screen and (max-width: 768px) {
	.site-branding .site-identity {
		display: none;
	}
}

Regards,
Sakin