Need Help With Minor Theme Coding Edit

  • Resolved Mycenius

    (@mycenius)


    2 years, 11 months ago

    Hi – I’m hoping someone can help me with a minor theme formatting issue – I am using “Visual Coffee Free Vintage Theme” for a new minimalist blog I just started. But it has an annoying formatting issue with no separators between category names at the top of each blog post (see the included link to a blog a post). Normally this would be easy to rectify if no controls via theme customisation as described in Separating Categories @ www.ads-software.com Codex or minor variations to this process. However although I’ve modified many themes in the past and in more detail than this I have drawn a blank with the Visual Coffee Theme; as it doesn’t seem to use the standard coding or syntax (I am reasonably HTML/XML/CSS literate but only the most very basic php and similar coding knowledge – so a bit lost trying to locate where this element’s formatting is in the theme template files).

    I have tried to contact the developer direct but no response so was hoping someone here might be familiar with this theme, or with more advanced coding skills might be able to quickly identify for me how to add some sort of category list separator (like a comma, semicolon or a bullet)?

    Many TIA.

    • This topic was modified 2 years, 11 months ago by Mycenius.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • lisa

    (@contentiskey)

    experiment with some CSS like this

    a.category-name::after{
content:",";
}

    looks like this is the theme support area:
    https://www.ads-software.com/support/theme/visual-coffee/

    Thread Starter Mycenius

    (@mycenius)

    `experiment with some CSS like this

    a.category-name::after{
    content:”,”;
    }
    looks like this is the theme support area:
    https://www.ads-software.com/support/theme/visual-coffee/`

    Thanks @contentiskey – unfortunately had no joy trying that CSS and similar variations. I will try that support request option but think that’s where I have already requested help with no response.

    If you are using it with WordPress CMS then install Gutten Berg; through which you can make your own fully customized Separators.
    I hope, it can help you a lot!

    Thanks @micholloren unfortunately not exactly sure what you mean by using gutenberg, as my WP install already has the latest block editor and as the theme isn’t using the common usual code layout not sure a plugin can help with that? Are you meaning a specific plugin (as there are several gutenberg add ons)?

    Many Thanks

    lisa

    (@contentiskey)

    I downloaded a copy of the theme from https://www.ads-software.com/themes/visual-coffee/
    and activated it in one of my test websites. I added the following to the “additional CSS” area in customizer and it worked for the category display on single post.

    a.category-name::after {
    content: " , ";
}
a.category-name:last-of-type::after{
 	content: "  ";
}
    Thread Starter Mycenius

    (@mycenius)

    `I downloaded a copy of the theme from https://www.ads-software.com/themes/visual-coffee/
    and activated it in one of my test websites. I added the following to the “additional CSS” area in customizer and it worked for the category display on single post.

    a.category-name::after {
    content: ” , “;
    }
    a.category-name:last-of-type::after{
    content: ” “;
    }`

    Thank You @contentiskey that has worked perfectly! Appreciate you taking the time to help me with a solution. Happy New Year and all the best for 2022 Lisa!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Need Help With Minor Theme Coding Edit’ is closed to new replies.