[HOL123]

Hi, I would like to change the following please:

1) The font size of my Header Image/Media Title on my Home page to a smaller font so it does not hyphenate the word ‘luxury’ and

2) Change the Header Image/Media Title on my Shop page from ‘Archive: Products: This is where you can add new products to your store’ to ‘Shop’.

https://houseoflinen.co.za

Thank you

[Skandha]

@kulu-ribeirogmail-com:
1) To stop header text from being hyphenated
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header-content .entry-title {
	max-width:700px;
}

2) For this you will need to create a child theme and do a bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer.

Let me know if this works out!
Kind Regards,
Skandha

[HOL123]

Hi @Skandha,

Many thanks for your response.

The code to remove the hyphen worked perfectly!

I don’t know much about creating a child theme and in depth customization.

I subsequently released there were a few more issues I need assistance with:

1) As mentioned – changing header media title in shop page to read ‘Shop’

2) Reducing the margin space between the header media image and the next section under that. There is too much blank space under the media header image.

3) Changing the image thumbnails on the shop page (where all my products are listed) to squares so that all image thumbnails look alike. At present, some thumbnails are larger than others and some are portrait others landscape.

4) The product image on the single product page does not fit into it’s image container, there is white space to the right. The height is fine but the width on some of my portrait images is shorter than that of the container.

Is it not possible to fix these issues (or some of the issues) by just adding custom codes?

If not, I will look into hiring a customizer.

Thank you

[Skandha]

@kulu-ribeirogmail-com:
1) To change header media title of the shop page to Shop
For this you will need to create a child theme. You can use Generate Child Theme plugin to create a child theme. Install and Activate the plugin. Go to => Dashboard => Generate Child Theme tab => Select parent theme as Catch Store, fill the other fields and press Generate. This will create and activate the Child Theme.

Now, Go to => Child Theme Folder => functions.php and add the code in this link

2) To reduce the margin space between the header media image and the next section
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#content {
	padding-top:0;
}

3) To have uniform product thumbnail size in shop page.
Go to => Appearance => Customize => WooCommerce => Product Images => Thumbnail Cropping => 1:1

4) To fit product images on the image container in single product page
Go to => Appearance => Customize => WooCommerce => Product Images => Main image width => Select 500

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts