[sujeet]

Hello @nepeanraceway,

I got your point, but please understand that with css you can’t achieve that. You must try the first option that I provided you. If you want to make images of same size in both condition then please try the option below:

1. If you are using Main theme (not child theme)
=> First go to Appearance => Theme File Editor => Functions.php, there you will find predefined image sizes. You can change set_post_thumbnail_size( 470, 353, true ) to set_post_thumbnail_size( 480, 480, true ) , save the file and you must regenerate thumbnail using a plugin available.

Note: What you must understand is the changes will be removed once you update your main theme.

2. If you use child theme
=> Acivate your child theme
=> Go to Appearance => Theme File Editor => Functions.php, Now you have to add the following code there:

function custom_thumbnail_size() {
   set_post_thumbnail_size( 480, 480, true );
}
add_action('init', 'custom_thumbnail_size');

save the file and you must regenerate thumbnail using a plugin available.

We suggest you to use child theme and make the changes. It is safe for your website and future updates.

Also remove the css code that I provided you above.

Please let me know your thought. Thank you.

Regards,
Sujeet

[sujeet]

Hello @husker,

Since the word MENU is hidden in the theme, which you have shown adding custom css, has no any css used in main css. So to add color and change size for the word, you have to use custom css like below:

.mobile-menu-text {
   color: #404040;
   font-size: 14px;
   letter-spacing: 4px;
   margin-left: 3px;
   margin-top: 3px;
}

Please feel free if you need any further assistance.

Regards,
Sujeet

[sujeet]

Hello @nepeanraceway,

Please try adding the following css code for making blog post image of aspect ratio 1:1.
This will make the images square like 480×480. But the code will crop the images a bit by sides. Please add and check if this is good for you.

#infinite-post-wrap .hentry .post-thumbnail img {
   aspect-ratio: 1/1;
   object-fit: cover;
   width: 100%;
}

Let me know if this worked!

Regards,
Sujeet

[sujeet]

Hello @nepeanraceway,

I’ve replied you in an another support.

Regards,
Sujeet

[sujeet]

That’s great @husker !

[sujeet]

Hello @nepeanraceway,

For that you will need to create and use a child theme and do a little bit of customization.

Please Go to => Child Theme Folder => functions.php and add the following Code.

function add_new_image_sizes() {
   remove_image_size( 'catch-wheels-service', 480, 480, true ); // 1:1 Image Ratio - Used for Services and Event Section
   add_image_size( 'catch-wheels-service', 470, 353, true ); // 4:3 Image Ratio - Used for Services and Event Section
}
add_action('init', 'add_new_image_sizes');

And then regenerate the thumbnails using a plugin.

Let me know if this worked!

Regards,
Sujeet

[sujeet]

Hello @husker,

Please use the following css code to change the color for both Hamburger and the word menu.

.mobile-menu-anchor a.fa-menu,
.mobile-menu-anchor a.fa-menu:hover,
.mobile-menu-anchor a.fa-menu:focus {
   color: #FF0000 !important;
}

Please share your website url if the above code didn’t work. Thank you.

Regards,
Sujeet

[sujeet]

Hello @jolene20,

Please add the following css code to have bigger header in other pages. Since home page has bigger font, button and text as well, inner pages will not be of same height. Please let me know if you want the title for all other pages as in home page.

@media screen and (min-width: 85.375em) {
  body:not(.home) .custom-header-content {
     padding: 200px 50px !important;
  }
}

@media screen and (min-width: 90em) {
  body:not(.home) .custom-header-content {
    padding: 254px 50px !important;
  }
}

Also please share your website url if the above code didn’t work. Thank you.

Regards,
Sujeet

[sujeet]

Hello @jolene20,

To hide page title on the other pages, please try using the following css code:

.custom-header .entry-title {
   display: none;
}

And as for home page, you are able to add or remove the title from Appearance => Customizer => Header Media. Check the screenshot below.

Please kindly let me know if this was helpful. Thank you.

Regards,
Sujeet

[sujeet]

Hi Jan,

I’m glad to hear that it worked for you. If you like the theme and our support, then I have a quick request: Could you please leave a review?

https://wordpress.org/support/theme/bold-photography/reviews/#new-post

Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.

Thank you.

Regards,
Sujeet

[sujeet]

Dear Hans,

One license key is supported only on one site.

Regards,
Sujeet

[sujeet]

Hello @terps001,

It’s done to match the screen view port and made the height of the image cover all screen. So the images can be cut off from sides a bit. So for the image that you have used, you can try adding the following css code, which will solve a bit to show the image in a correct way.

.custom-header .wrapper:before {
   background-position: 80% 70% !important;
}

Let me know if this worked for you. Thank you.

Regards,
Sujeet

[sujeet]

That’s great.

[sujeet]

Hello @cloudynight,

Please kindly update your catch gallery plugin and check the gallery. Also clear cache and try creating new gallery if you face the issue.

Let us know if you have any questions or need further help.

Regards,
Sujeet

[sujeet]

You’re most welcome.

Regards,
Sujeet

[sujeet]

Hello @fireflywebs,

You can update to latest version of the theme. Php version will be no issue.

Let us know if you have any questions or need further help.

Regards,
Sujeet

[sujeet]

Hello @speedy,

Yes, it seems the cache plugin is causing all the issues. I saw the few unusual CSS defined for body tag. You can check the screenshot as well.

I suggest you trying other cache plugin and check if the issue still exist.

For now you can add following css code to resolve the current issue with the site.

body {
   max-width: 100% !important;
   border: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   box-shadow: none !important;
   font-family: inherit !important;
}

Let us know if you have any questions or need further help.

Regards,
Sujeet

[sujeet]

Hello @cloudynight,

Sorry for the inconvenience caused. Our dev team is investigating the issue, soon we will get back to you with an update. Please have patience. Thank you.

Regards,
Sujeet

[sujeet]

Hello @charleyhankins,

Yes you can get the header and graphics in every pages, for that you just need to work on editor for few minutes. Please follow the following steps:

1. First go to Dashboard -> Appearance -> Editor -> Templates -> Pages
2. Secondly choose cover and set the height of the cover 100vh
3. Also remove the banner class from the Group and save the page.

4. Make sure you have set featured image in all the pages from page editor.

Please try from your end and let me know if this worked. Please check the follwing screenshots as well.

Regards,
Sujeet

• This reply was modified 5 months ago by sujeet.

[sujeet]

Hello @kejraj777,

It’s quite strange.

We’ve checked the Primary Sidebar on our server, and it’s working as expected. It’s possible that a plugin conflict on your site is causing the issue. We recommend temporarily deactivating other plugins to identify any potential conflicts.

Please check the following link.

https://catchthemes.com/wordpress-tutorials/how-to-check-for-plugin-conflicts-with-our-themes/

Regards,
Sujeet

• This reply was modified 5 months ago by sujeet.
• This reply was modified 5 months ago by sujeet.

[Author]

Posts