Blog title font & image URL opening in same window

Home Forums Gillion Theme Blog title font & image URL opening in same window

Home Forums Gillion Theme Blog title font & image URL opening in same window

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • Hi there,

    My blog is Amahlistories.com. I have two straightforward requests:

    1. The font size for the product title is unusually big in the Gillion template. How can I resize it to 18px like the rest of the headings? This setting is not centralised for some reason.
    2. I have created an image that points to my Shopify store (titled Supported by Amahli.com – top right banner). It is opening the website in the same window though, thereby taking the reader away from the blog. Would it be possible to open the same in a new window?

    I am not very technical so hoping you can help me resolve these.

    Thanks,

    Hema

     

     

     

    Hi Hema,

     

    I hope you are well today and thank you for your questions.

     

    The font size for the product title is unusually big in the Gillion template. How can I resize it to 18px like the rest of the headings? This setting is not centralised for some reason.

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .single-product h1.product_title.entry-title {
        font-size: 18px;
    }

     

    I have created an image that points to my Shopify store (titled Supported by Amahli.com – top right banner). It is opening the website in the same window though, thereby taking the reader away from the blog. Would it be possible to open the same in a new window?

    You have to set the target attribute of the anchor tag to _blank as described on the below page.

     

    https://www.w3schools.com/tags/att_a_target.asp

     

    Best regards,
    Shufflehound team

    Hi there,

    Thanks for this. The first one didn’t work. And, I don’t know where to make the amend for the second one. Are you able to help?

    Thanks,

    Hema

     

     

    Could you please share the page URLs from your site where it is displaying so that I can help you?

    1. Page URLs for blog title font are:

    https://amahlistories.com/

    https://amahlistories.com/yoga-for-the-modern-world/

     

    2) The image/banner that takes the visitor to another website is the one on the top right titled ‘Supported by Amahli.com’. It is on the home page, category pages  and all blog pages.

     

    Solution for this topic

    Page URLs for blog title font are:

    https://amahlistories.com/

    https://amahlistories.com/yoga-for-the-modern-world/

     

    These are post titles and not product titles that you said in your initial post.

     

    For the ost titles, please use the below CSS code.

     

    #page-container .post-title h2,
    #page-container .post-title h1 {
        font-size: 18px;
    }
    

     

    2) The image/banner that takes the visitor to another website is the one on the top right titled ‘Supported by Amahli.com’. It is on the home page, category pages  and all blog pages.

    You have to edit the image and configure it as shown in the attached screenshots.

    Attachments:
    You must be logged in to view attached files.

    It worked! Perfect, thanks very much. Apologies for the blog title and product title terminology confusion… I am also working on an ecommerce site simultaneously so got mixed up. All good now… thanks again!

    I have one more question – the date and login (or log out) displays on the top right corner of the header are visible only on hover. Can I make these permanently visible somehow? As a default, only the separator is visible which could be confounding to the viewer…

    Happy to create a separate ticket for the new query if that suits you better. Thanks again. You guys are brilliant!

     

    Solution for this topic

    I have one more question – the date and login (or log out) displays on the top right corner of the header are visible only on hover. Can I make these permanently visible somehow? As a default, only the separator is visible which could be confounding to the viewer…

    You can display it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .header-social-media a,
    #page-container .sh-header-top-date {
        color: rgba(61,61,61,0.69);
    }

    This works. Thanks very much for all your help!

    You are most welcome here 🙂

Viewing 10 posts - 1 through 10 (of 10 total)