SVG logo
If you are using an SVG logo, GeneratePress documentation suggests setting your preferred logo size with some simple CSS2. For example, to set a logo width and height of 100px each, the following CSS code would work:
.site-logo img {
width: 100px;
height: 100px;
}What Size Should Images Be For GeneratePress Blog?
When working with GeneratePress, it is recommended to use the settings provided by the theme or customize them according to your needs.
GeneratePress has predefined image sizes that can be found in Settings > Media. You can choose from default options like thumbnail (150×150), medium (300×300), and medium-large (1024×1024). These values give you an idea of the dimensions you should consider for your blog images. However, it’s essential to choose the one that best suits your blog’s layout and design.
If you’d like to have more control over the image sizes on your GeneratePress blog, you can add custom image sizes using a simple function in your child theme’s functions.php file. For example, you can create a new image size with specific dimensions like this:
add_action('init', function() {
add_image_size('custom-archive-featured-image', 500, 200, true);
});
In this example, we are adding a new image size called custom-archive-featured-image, with a width of 500 pixels, a height of 200 pixels, and cropping enabled.
To set the size of your featured images, you can navigate to Customize > Layout > Blog > Featured Images and select the appropriate option for media attachment size. Remember that these sizes are set in “Settings > Media” or can be added custom through the method discussed above.
By using the right image sizes for your GeneratePress blog, you ensure that your blog looks polished and professional. Additionally, properly sized images can improve your website’s loading speed and overall performance, contributing to a better user experience for your visitors.