paulwpxp

Yes, the CSS method for this case is too hacky and not reliable due to multiple browser font settings.

Try this plugin, set it to replace WordPress default “Category: ” string to nothing.

https://wordpress.org/plugins/say-what/

(it doesn’t have to be this exact plugin, just anyone that filter/change translated strings will do).

Using Chrome browser, right click and view source, and look inside <style type="text/css" id="simple-css-output">

there is this

</style><noscript><style type="text/css"> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><style type="text/css" data-type="wpex-css" id="wpex-css">/*ACCENT COLOR*/

right in the middle of CSS code.

Obviously it will get parse error and cause problem.

Make a backup copy of your custom CSS and save it somewhere, then delete everything in it, load the site without this Custom CSS and see how it goes.

I guess disabling the CSS plugin will do the same thing (it will keep the code but not loaded), but anyway make a backup of the custom CSS so that there is no work lost.

Do you mean the one typically on the sidebar displaying list of links? If that’s the case, it’s there for arbitrary miscellaneous links. It’s not necessary to have this section called Meta in a website, you can name this list of links any name you like, or just do without it.

Try putting this code in Custom CSS section

.hero .page-header h1 {
	text-align: left; 
	margin-left: -24px;
}

Put this code in Custom CSS (Customizer) section, it will make paragraphs on post listing page appear with bottom margin same as it is displayed in single post page.

.bam-entry .entry-summary p { margin-bottom: 1.5em; }

The first line is for post title and the second line is for headings, replace ‘My Font Name Here’ to your choice, put the code in Custom CSS section, it should override theme’s default.

.post-title { font-family: 'My Font Name Here'; }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-family: 'My Font Name Here'; }

Please keep in mind that font specified in CSS will display on the site only if the font is insalled in the device or is pulled from web font provider (like google font). If you want to use fancy web font, please go look for google font plugin.

The page you linked to is a page built with Elementor (page builder) so it doesn’t get markup and CSS from theme.

I tried to see theme’s default tile display, by visiting an archive page like this
https://(your domain).co.il/?cat=1

and found that the markup doesn’t match theme’s markup, this indicates that the Elementor (or something else) is messing with theme template. If you can, try disabling all plugins and visit any archive page (blog home, tag archive, category archive), the theme’s default tiles display should show up.

Please avoid editing theme file, especially functions.php file, directly. It’s not a viable long term solution since it could get replaced when theme get updated.

Reverse that file back to theme’s original and adjust the logo size using additional CSS.

Try this code in Custom CSS section

.custom-logo-link .custom-logo {
	width: 200px;
	padding-top: 20px;
}