Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #160068
    HOL123
    Participant

    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

    #160087
    Skandha
    Keymaster

    @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

    #160132
    HOL123
    Participant

    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

    #160302
    Skandha
    Keymaster

    @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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Please assist! Changing Header Image Text and Font Size – Catch Store’ is closed to new replies.