Product SKUs, tags & font size - by netmined

This topic has 14 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Jack Richardson

  • Avatar: netmined
    netmined
    Member
    December 18, 2015 at 08:28

    Hi,

    I want to hide from public view the product SKUs and tags which display on the individual product pages. I have tried adding a couple of variants of code which should apparently do the trick into the custom.css but neither seems to be working. This is what I tried out:

    .sku{display:none}
    .posted_in{display:none}
    .tagged_as{display:none}
    

    and

    .product_meta {
       display: none;
    }
    

    Any reason you know of why neither of these aren’t working?

    I also need to increase the size of the text on the pages. It is tiny and quite hard to read in the default colour.

    Could you please advise what code I need to add to the custom.css file to do this?

    Many thanks in advance.

    13 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 18, 2015 at 08:39

    Hello,

    Please provide us with link to the page and wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 18, 2015 at 08:51

    Hello,

    As I see SKUs and tags aren’t displaying on single product page http://prntscr.com/9fkv07. Please clear browser cache after you made changes in custom.css.
    To increase font size on product page use this css code:

    .product-shop.productcol.summary {
        font-size: 14px !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: netmined
    netmined
    Member
    December 18, 2015 at 12:39

    Thanks Jack, so looks like I’m turning into a code monkey after all 😉

    The font code did the trick on the product page but what code do I use to increase it on the other pages too? (My Account, Blog, About Us text etc etc… basically the main text, not headings on any page) You still need a magnifying glass to read those.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 18, 2015 at 13:23

    Hello,

    Please try use this code in custom.css

    body {
        font: 14px Verdana, helvetica, sans-serif;
    }

    Regards,
    Robert Hall.

    Avatar: netmined
    netmined
    Member
    December 19, 2015 at 09:00

    Hi Robert,

    Many thanks for the code. I amended it slightly to change the font names to Marcellus which is meant to be the custom font sent up for all text apart from the main menu headings.

    The code worked to increase the font size on the majority of the pages but not on the blog page or the contact us page.

    But there’s to be a couple of problems now. Not sure what is causing the conflict, but the code which was inserted for the Marcellus font and which worked fine, has now stopped working.

    So in the custom css file there are now two bits of code for Marcellus, neither of which is working.

    body {
        font: 14px Marcellus;
    }
    

    and the original bit

     body, h1, h2, h3, h4, h5, h6 {
    font-family: Marcellus !important;
    }

    Could you please tell me what is causing these to not work and how to fix?

    There appears to be a glitch now too with the link/path for some of the dresses on the site.

    eg. select ‘Pencil & Fitted’ category, then the 1st dress – Vintage Black Pencil Wiggle Dress. When on the product page of this dress, the path and link to the previous page above the picture incorrectly shows as Home >> On sale rather than Home >> Pencil & Fitted. This happens with other dresses which are in multiple categories (eg sale as well as pencil & fitted).

    Instead of showing the actual path taken in the navigation at the top so that the user can return to the previous category page, it overrides it with another category which the dress also belongs to.

    Makes for a crappier user experience as it is effectively redirecting them if they want to go back to the previous page. Could you please advise on how to fix this?

    Thanks again!

    Please, contact administrator
    for this information.
    Avatar: netmined
    netmined
    Member
    December 21, 2015 at 23:17

    Hi,

    Still waiting to hear back about the linking & font issues.

    The font has now stopped displaying on the slider and the front main menu too. (this should be in Lobster).

    All of the code for it is in the custom.css file so don’t understand what is now causing a conflict.

    Site & access details given above.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 22, 2015 at 14:59

    Hello,

    I’ve added the css code to get back your custom fonts:

    @import url(https://fonts.googleapis.com/css?family=Marcellus);
    @import url(https://fonts.googleapis.com/css?family=Lobster);

    Don’t forget to clear cache before you check the site.

    As for the linking question if multiple categories are selected for a product it will display category alphabetically in link.

    Best regards,
    Jack Richardson.

    Avatar: netmined
    netmined
    Member
    January 6, 2016 at 00:29

    Hi Jack,

    Happy New Year!

    Many thanks for inserting the code for the font – both now display again.

    So now all seems to be sorted except for the blog page font size which is the only text page which still stubbornly displays small.

    The code is there in the css file to take all the text bigger. Is there something overriding this or causing a conflict for the blog?

    Thanks again!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 6, 2016 at 13:52

    Hello,

    I’ve added this code in custom.css file:

    .article p {
        font-size: 14px !important;
    }

    Please clear browser cache and check blog page.

    Best regards,
    Jack Richardson.

    Avatar: netmined
    netmined
    Member
    January 15, 2016 at 09:10

    Many thanks for this Jack, appreciate it.

    By the way, there seems to be an issue with a couple of the fixes we made:

    -on the blog page (1950s style), when a specific article is selected, the page which displays once again shows the dress categories, is in small font rather than the 14pt and also show the meta data (eg. Posted on December 13, 2015 by Jackie / This entry was posted in Uncategorized. Bookmark the permalink.)

    -Archive page shows dress categories on the side.

    -404 page shows dress categories on the side.

    Hopefully there aren’t any others. I thought our code would take care of all the blog & other non product pages. Could you please let me know what the code snippet is/are to fix it across these?

    Much appreciate it!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 15, 2016 at 16:39

    Hello,

    I’ve edited the css code in your custom.css file to the following to fix the 1-st and 3-rd issues:

    body, .single-post p {
       font-size: 14px !important;
       color: black;
    }
    
    .blog aside#sidebar, .single-post #sidebar, .error404 #sidebar {
        display: none !important;
    }
    
    .blog .columns2-left>.content, .single-post .columns2-left>.content {
        width: 930px;
    }

    As for the 2-nd point please provide us with the direct link to your archive page. Thank you.

    Best regards,
    Jack Richardson.

    Avatar: netmined
    netmined
    Member
    January 16, 2016 at 08:34

    Hi Jack,

    Many thanks for the code snippets.

    Here are the urls for the archive pages:

    http://www.1950sglam.com/index.php/2015/12/ (Monthly)

    http://www.1950sglam.com/index.php/2015/ (Yearly)

    Obviously the endings will change as the dates change so please let me know how to fix for future monthly/yearly cycles.

    The 404 page also still shows the categories. Here is how it looks now:

    http://www.1950sglam.com/index.php/201

    Thanks again!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 16, 2016 at 09:17

    Hello,

    For archive pages I’ve changed previously added css code to the following:

    .blog aside#sidebar, .single-post #sidebar, .error404 #sidebar, .archive #sidebar {
        display: none !important;
    }
    
    .blog .columns2-left>.content, .single-post .columns2-left>.content, .archive .content {
        width: 930px;
    }

    Here is the screenshot how your 404 page is displaying http://prntscr.com/9qqino. Please clear browser cache before checking.

    Best regards,
    Jack Richardson.

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.