[Sakin]

Hi @kunzibert09: Thanks for using the Music Journal theme. Let me answer your questions:

1. Yes, you can hide that by adding the following CSS in the “Appearance => Customize => Additional CSS” box:

/* Hide Header author and date */
.entry-header .entry-meta {
 display: none;
}

2. Please upload the logo image size that you want to display as uploading a larger image size will increase your site loading time. Also, you can change the width of the image size using the CSS. You can change the width in the following CSS, where I have increased the default size of 180px to 320px and then add it in the “Appearance => Customize => Additional CSS” box:

/* Logo Image Size */
.custom-logo {
 max-width: 100%;
 width: 320px;
}

Regards,
Sakin

[Sakin]

Hi Hans,

Thanks for your appreciation and supporting Catch Themes. Making this topic solved and closed.

Have a nice day.

Regards,
Sakin

[Sakin]

Hi HansH,

The site toerfietsleusden.nl is using a theme 404 template file 404.php inside the ‘travelore-pro’ folder which you can use the translation plugin to translate the 404.php file strings or use 404 sidebar and add heading and paragraph block as per your need. Also, I see that you have enabled Header Media. So, if you want to use the widget then you need to hide the header media text by adding the following CSS in the “Appearance => Customize => Additional CSS” box:

.error404 .header-media { display: none; }

I see that now, you have removed the server 404 from routes.toerfietsleusden.nl and it’s also using the 404 templates. So, you can do the same with it as well.

Regards,
Sakin

[Sakin]

@matigka : It should work fine with Elementor Builder. Also, you can download our free plugin “Page Builder Companion” to work with Page builder.

[Sakin]

Hi Hans,

The site https://routes.toerfietsleusden.nl/. Login to your server’s main root folder where you should be default server HTML files like 404.html you need to delete that. You can ask your hosting server support team to find that file.

About the site http://toerfietsleusden.nl/. It is Forbidden for me and I am checking the site from California, US.

Regards,
Sakin

 

[Sakin]

@matigka : You can also download the Euphony theme demo import zip file from Theme Instructions tab on theme page at https://catchthemes.com/themes/euphony/#theme-instructions

 

[Sakin]

@matigka: You can also download the Solid Constructions demo zip file from theme instructions tab on the theme page at https://catchthemes.com/themes/solid-construction/#theme-instructions

[Sakin]

Hi Hans,

Can you share your screenshot from google drive as you did before the URL you shared with me looks like private and not accessible? Also, the URL https://routes.toerfietsleusden.nl/ has its own 404.html file on your server, see this https://routes.toerfietsleusden.nl/404.html. This is not from the theme. If you delete that file then you will see the theme 404 page.

Regards,
Sakin

 

[Sakin]

Hi Hans,

I cannot see your screenshot. Something wrong with the shared URL. So, can you send me your site URL where you are having issue so that I can check what you are doing?

Regards,
Sakin

[Sakin]

Hello Hans,

In Gutenberg, you can use the Heading block and then the Paragraph block. See this screenshot widget.

 

[Sakin]

Hello Hans,

You can change both title and content from the widget. Just update the widget title and the 404 page title will be updated.

See this screenshot of widget

 

 

[Sakin]

@bobgarretthomenetworks-co-uk: Sorry for the late reply, looks like we missed this topic. We usually reply within 24 hours. So, anyone, who didn’t hear us for more than 24 hours there must be an issue with your notification system just comment or contact us directly at https://catchthemes.com/contact-us/.

I don’t see a delay on your page title, can you tell me which page has that issue?

If you are talking about the padding-top for .custom-header then that delay is there due to the script to estimate the padding needed for fixed header .site-header. For that, you need to do a manual header padding-top as per your site and add the following CSS in the “Appearance => Customize => Additional CSS” box:

.custom-header {
 padding-top: 139px;
 transition-duration: 0s;
}
@media screen and (min-width: 480px) {
 .custom-header {
  padding-top: 203px;
 }
}
@media only screen and (min-width: 568px) {
 .custom-header {
  padding-top: 182px;
 }
}
@media only screen and (min-width: 742px) {
 .custom-header {
  padding-top: 139px;
 }
}
@media only screen and (min-width: 1024px) {
 .custom-header {
  padding-top: 153px;
 }
}
@media only screen and (min-width: 1200px) {
 .custom-header {
  padding-top: 214px;
 }
}

Regards,
Sakin

[Sakin]

Dear Filip,

I will check that on our server. Also, make sure that you added the License key and not the Purchase Key. Please check this instruction https://catchthemes.com/faq/how-to-activate-license-key/ while I check it.

Regards,
Sakin

[Sakin]

@intelharsh: It’s because of transparent .png images with space on it. For example, your first image https://harshrealitees.co/wp-content/uploads/2022/08/7044665117_1ea413c81c.png has left and right transparent background space. Same way, your second image https://harshrealitees.co/wp-content/uploads/2022/04/IMG_0018-1024×576.png also has left and right transparent background space. So, you need to use images without the spaces or just use .jpg images like https://harshrealitees.co/wp-content/uploads/2022/08/tumblr_7a37992e9daff951701c45843c1343ff_6e437ec1_500.jpg

[Sakin]

@rek: Thanks for using the Catch Box Pro theme and you can add the following CSS in the “Appearance => Customize => Additional CSS” box:

.page .entry-header {
 display: none;
}

Regards,
Sakin

[Sakin]

Hi @twin6, Looks like there is an issue with the new block editor when you update to WordPress 5.9 or above. So, you might need to convert all your classic editor text to block. For that, you can use the Convert to Blocks plugin https://wordpress.org/plugins/convert-to-blocks/. But if you want to stay with the Classic Editor then you need to use the Classic Editor plugin https://wordpress.org/plugins/classic-editor/

[Sakin]

Hi @catwingz: For all these color, it would have better you upgrade to pro version.

About the header image on About Page, that header image is above the header and that was causing issue. So, if you want to add related to that page then you can add the following CSS in “Appearance => Customize => Additional CSS” box:

body.page-id-1746 #header-content.main-nav-scrolled {
 position: relative;
}
.page-id-1746 .site-header {
 margin-bottom: -87px;
}

Regards,
Sakin

[Sakin]

Hi @twin6, where are you getting that error, can you explain in detail?

[Sakin]

@catwingz: Sorry, it’s really difficult to check without your site live. So, let me know once it’s live.

About the yellow #ffcs27, that is the main link hover color, button hover background color, and Secondary Link Hover Color. So, it has in many places and it will be difficult to replace all. But for the main places, you can change the color code in the following CSS and then add it in the “Appearance => Customize => Additional CSS” box:

/* Button Hover Background Color */
#scrollup:hover,
#scrollup:focus,
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus,
.entry-content-wrapper .more-link:hover,
.entry-content-wrapper .more-link:focus,
#feature-slider-section .more-link span:hover,
#feature-slider-section .more-link span:hover,
.custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause,
.custom-header-media .wp-custom-header-video-button:hover,
.custom-header-media .wp-custom-header-video-button:focus,
#feature-slider-section .cycle-pager span:hover,
#feature-slider-section .cycle-pager span:focus,
#feature-slider-section .cycle-pager .cycle-pager-active,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.page-links a:hover,
.page-links a:focus,
.site-main #infinite-handle span:hover,
.site-main #infinite-handle span:focus,
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus,
.posts-navigation a:hover,
.posts-navigation a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span.current,
.catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover,
.catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus,
.singular-content-wrap .entry-footer .cat-links a:hover,
.singular-content-wrap .entry-footer .cat-links a:focus,
.singular-content-wrap .entry-footer .tags-links a:hover,
.singular-content-wrap .entry-footer .tags-links a:focus,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers.current {
	background-color: #ffca27;
}

/* Link Hover Color */
a:hover,
a:focus,
a:active,
.site-title a:hover,
.site-title a:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus,
#search-toggle:hover,
#search-toggle:focus,
.search-submit:hover,
.search-submit:focus,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.ctsocialwidget a:hover,
.ctsocialwidget a:focus,
.post-navigation a:hover .nav-title,
.post-navigation a:focus .nav-title,
.required,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta .icon:hover,
.entry-meta .icon:focus,
.site-info a:hover,
.site-info a:focus,
.author-name a:hover,
.author-name a:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-title small a:hover,
.comment-reply-title small a:focus,
#feature-slider-section .entry-meta .icon:hover,
#feature-slider-section .entry-meta .icon:focus,
#feature-slider-section .cycle-prev:hover,
#feature-slider-section .cycle-prev:focus,
#feature-slider-section .cycle-next:hover,
#feature-slider-section .cycle-next:focus,
#testimonial-content-section .cycle-prev:hover,
#testimonial-content-section .cycle-prev:focus,
#testimonial-content-section .cycle-next:hover,
#testimonial-content-section .cycle-next:focus,
#testimonial-content-section .cycle-pager span.cycle-pager-active,
.site .skip-link,
.entry-title a:hover,
.entry-title a:focus,
#fullpage .hentry-inner .entry-meta a:hover,
#fullpage .hentry-inner .entry-meta a:focus,
.site-header + .breadcrumb-area .entry-breadcrumbs a:hover,
.site-header + .breadcrumb-area .entry-breadcrumbs a:focus,
.woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb a:hover,
.woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb a:focus {
	color: #ffca27;
}

.menu-toggle:hover,
.menu-toggle:focus,
.tagcloud a:hover,
.tagcloud a:focus {
	border-color: #ffca27;
}

.arrow-up:hover,
.arrow-up:focus {
	border-bottom-color: #ffca27;
}

.arrow-down:hover,
.arrow-down:focus {
	border-top-color: #ffca27;
}

#updownnav .arrow-up:hover,
#updownnav .arrow-up:focus,
#updownnav .arrow-down:hover,
#updownnav .arrow-down:focus {
	color: #ffca27;
}

/* Secondary Link Hover Color */
.site-navigation a:hover,
.site-navigation a:focus,
.social-navigation a:hover,
.social-navigation a:focus,
.entry-content-wrapper .entry-title a:hover,
.entry-content-wrapper .entry-title a:focus,
.site-footer a:hover,
.site-footer a:focus,
.entry-breadcrumbs a:hover,
.entry-breadcrumbs a:focus,
.entry-breadcrumbs a:active,
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:focus,
.woocommerce .woocommerce-breadcrumb a:active,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.entry-content-wrapper .entry-meta a:hover,
.entry-content-wrapper .entry-meta a:focus,
.entry-content-wrapper a:hover,
.entry-content-wrapper a:focus {
	color: #ffca27;
}

body #fp-nav ul li a.active span,
body .fp-slidesNav ul li a.active span {
	background-color: #ffca27;
}

Regards,
Sakin

[Sakin]

Thanks for the confirmation @catwingz. Marking this topic as solved and closed.

[Author]

Posts