Help with: Categories, Search Bar, Fonts, Number of posts displayed

Hi, few questions for my website www.lisasit.com:

  1. Categories

When on posts with more than one category chosen, is it possible to display the categories with separators? Preferably with a |.

Example would be this page: http://www.lisasit.com/star-king-toronto/. You see how #TPLFoodHunt Food is together like it’s one thing?

  1. Search Bar

I noticed the search bar is cut off in Explorer. Is there a way around it or is just this a flaw when it comes to using Explorer?

  1. Fonts

I’d like to change the font face of my blog titles, dates and posts to Arial. Can you let me know what font style that is currently so I know what to replace?

  1. Number of posts on the first page.

Can I change the number of posts below the 2 more recent posts? Currently it is a 6 but I’d like to change it to 4 as it’s quite long with 6.

Hi @lisasit,

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

1. Categories

When on posts with more than one category chosen, is it possible to display the categories with separators? Preferably with a |.

Example would be this page: http://www.lisasit.com/star-king-toronto/. You see how #TPLFoodHunt Food is together like it’s one thing?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

body.single-post .cat-title ul li:first-child {
    border-left: 0;
}
body.single-post .cat-title ul li {
    border-left: 1px solid;
    padding-left: 5px;
}
2. Search Bar

I noticed the search bar is cut off in Explorer. Is there a way around it or is just this a flaw when it comes to using Explorer?

Which version of Internet Explorer are you using?

Could you please share the screenshot of it?

3. Fonts

I’d like to change the font face of my blog titles, dates and posts to Arial. Can you let me know what font style that is currently so I know what to replace?

You can try changing the font of it using the following CSS code.

.entry-content, .entry-meta, h1.entry-title {
    font-family: arial;
}
4. Number of posts on the first page.

Can I change the number of posts below the 2 more recent posts? Currently it is a 6 but I’d like to change it to 4 as it’s quite long with 6.

You can change it from your site option “Blog pages show at most” displayed on the following path.

Admin Area -> Settings -> Reading

Best Regards,
Movin

Thanks for your help! #1, #3 #4 are resolved.

  1. Search Bar - I’ve attached an image so that you can see how it’s being cutting off.

Which version of Internet Explorer browser are you using?

Please try using the following CSS code to resolve the issue.

.nav-search input[type="text"] {
    line-height: 36px;
}

Hi Movin, thank you. I believe it works now.

I have another problem that just came up. I’m trying to use bullets but instead of showing up as a bulleted list, it’s using dividers to separate each “bullet”. I’ve created a password protected post of a list: http://www.lisasit.com/testing-lists/

PW = lisa

I also attached an image of what I see in case you are you seeing something else.

@lisasit To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.