I am nut sure what is CSS selector in your case - img.header-logo or other but with correct CSS selector that rule should work.
And in "width" put the desired real width in pixels or % of parent block element width. This can be changed in responsive css rules for different screen sizes.
Hi. I use the "[node:title] | [site:name]" tokens for the main image of news articles, blog posts, and similar publications. It's a quick and practical automatic ALT.
https://backdropcms.org/project/metatag
https://backdropcms.org/project/xmlsitemap
https://backdropcms.org/project/imagefield_tokens
These are more powerful modules, in my opinion...
I recently did this for my website and it increased my PageSpeed score significantly. I just installed and configured the following modules:
Alt/Title Default (to set default...
Welcome to Backdrop CMS!
To start, I recommend two basic modules: https://backdropcms.org/project/seo_meta and https://backdropcms.org/project/easy_xmlsitemap.
I hope they are...
Comments
You're right, the logo doesn't display very big. Depending on the site, it's however a good fit, in my opinion. See an example of my test site:
If you want your logo bigger, you could override the corresponding CSS rules, e.g. from
core/themes/basis/css/component/header.css:.header-logo-tall img { width: auto; height: 100%; }and maybe also from
core/themes/basis/css/base.css:img { max-width: 100%; height: auto; }Yes, I fix it with the CSS injector module, but is it normal for the logo to look 60% smaller than the original?
Gracias.
I suppose you can add another CSS code:
img.header-logo { width: 200px; height: auto; }I am nut sure what is CSS selector in your case - img.header-logo or other but with correct CSS selector that rule should work.
And in "width" put the desired real width in pixels or % of parent block element width. This can be changed in responsive css rules for different screen sizes.