Paul
Forum Replies Created
-
Hello Key,
You can use the following CSS code to achieve that. You can add this code by going to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’. Just paste the following code there and click ‘Publish’. Feel free to change 4.4rem to the size you like (e.g. 3.8rem):/* Remove the category name from category archives */ body.archive.category .mauer-storyteller-archive-title {display:none;} /* Remove categories from post archives (e.g. the blog home page) */ .post-card .entry-cats {display:none;} /* Control the font size of post title on post page */ .entry-full .entry-title { font-size: 4.4rem; /* default 4.4rem */ }Regards,
PaulHi JPZaera,
As for translating the static strings like “read”, “previous posts”, etc., this can be done the standard WP way (the theme provides a POT file). For instance, you could use the free Loco Translate plugin to do that. Please see the following post for details: http://mauer.co/topic/font-hk-grotesk-vs-polish-language/#post-3658
Regards,
PaulHello Celia,
You can achieve that by introducing a new thumbnail size and then using it in the single post template.
Basically, you can add the following line into functions.php around line 171 (see screenshot).
add_image_size( "mauer_narrator_cover_thumb_2", 1000, 1000, FALSE );Then you’d need to go to single.php and change “mauer_narrator_cover_thumb”
into “mauer_narrator_cover_thumb_2” here.And then regenerate the thumbnails.
It’s best to do such customizations in a child theme so that they don’t get overridden during theme updates, or you can re-introduce them after every theme update.
Regards,
PaulP.S.
Please mind that customizations are not included into the support according to ThemeForest rules and you’d be making this customization at your own risk.Hello,
2. This is most likely caused by one of the photos in the gallery having too small dimensions. Please make sure you use photos in these galleries that are at least 524x524px. Thee bigger the better. But not to strain your hosting I would not recommend going over 3750x3750px. WordPress and the theme will automatically create scaled versions of the images for you from the big ones you provide.
1. These were actually designed for horizontal shots, and are cropped on purpose for consistency between posts. To bring that customization to life you’d need to put in a fair amount of custom coding.
Regards,
PaulHello Lenn,
You can bump up the font size in the navigation by using the following CSS:
.mauer-navbar {font-size: 1.25rem;}Just replace 1.25 with the value of your liking.
You can add the above CSS code to your website by going to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’. There please just paste the code and click ‘Publish’.
As for using Google Fonts, although there is not an option for that out-of-the-box, you can still do it. I’m not including this option as all fonts are different in actual size, line height, etc. (e.g. Times and Helvetica are not physically the same size at 16px). So each time you change a font, the design actually needs tweaking.
Anyway, you can use the code that Google Fonts provides, which, for example, looks something like this for Open Sans (see where I’m getting this — screenshot):
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&display=swap');(See I’ve removed out the
<style>and</style>at the beginning and at the end).You can insert that code in the same area I’ve mentioned (‘Appearance’ > ‘Customize’ > ‘Additional CSS’)
And finally, introduce some rules, e.g. fo body text:
body {font-family: 'Open Sans', sans-serif;}The grey bar at the top has extra spacing because of the Bunyad Shortcodes plugin, which adds its own style to Bootstrap’s .row class. You can check that by disabling the plugin and seeing if the issue persists (might need to clear browser cache to see the result). Anyway, you can override the override by using:
.section-top-stripe .row {margin-bottom:0;}You can add this code the same way as the other CSS (see above).
Regards,
PaulCelia,
A way to speed up your images is to start using Cloudflare. Their free plan includes CDN for static assets like images. So your pictures will start loading from a location closest to the user. This won’t be a dramatic difference, however, it will improve the performance.
If you start using Cloudflare, make sure to install their WP plugin as well — not to have to manually purge the cache every time you update your content.
Regards,
PaulHello,
An updated version of Essentialist with working Instagram feed has been out on ThemeForest for a while. Please go to your Downloads section on ThemeForest and download the latest version. It has integration with a third-party plugin that will display your feed just as in the demo.
Please see the following section in the User Guide for detailed instructions: Instagram Feed Setup.
A little context:
Facebook (who own Instagram) have changed Instagram API mid-summer 2020 and they made the old tokens that you may have acquired obsolete. Also, due to COVID-19, Facebook has paused developer verification which is needed to start accessing Instagram data after the API change. Until Facebook resumes developer verification, Mauer Themes has switched to a third-party plugin for displaying the Instagram feed.Regards,
PaulHi Celia,
That is how the browser takes care of the long words that do not fit. For instance, here is how this word looks in the default WordPress theme developed by WordPress themselves:
What I suggest you do is either rename the page so it does not have a 21-word long title (I don’t speak German, but maybe it can be something like ‘protection of data’ instead of ‘dataprotection’). Or you can add the following CSS to shrink the title in this particular page when the screen is narrow:
@media (max-width: 400px) { .entry-full.post-1921 h1.entry-title { font-size: 3.4rem; } }You can add this CSS code the same way you added the EU Cookie Law Widget CSS I have provided.
Regards,
PaulHi Joy,
With a widget, you can not have the Instagram images displayed across the page. They can only occupy the space of the widget and can not go outside.
You could use the Instagram functionality of the theme to have your posts displayed across the page (instead of using a third-party plugin). And my reply above was applicable to this solution. That would look like so:
However, Instagram has just changed its API on June the 1st, and the display of Instagram posts is not working in the theme anymore. I’m sorting this out now and will issue a theme update soon that will fix this.
So please check your email for notifications on the theme update, then download and updated version of the theme, follow the user guide and set up the Instagram reel at the bottom of the page.
Regards,
PaulHi,
You’ve probably figured this out by now, but sure, you can do that in a regular WordPress way — just add a custom link and use the address of your category as the URL (e.g. /proj-cat/fashion )
Regards,
Paul
