By jasonbergey on

Hello all,
I've been kind of learning Drupal myself for the last few weeks and one thing that I would like to accomplish is to resize the logo block on the top header of the website.
The website theme is Zircon 8.x-0.0-rc1 (default theme, admin theme).
The block containing the logo for the website is under the Header region. There are no options to "edit" the code for this block. You are, however, able to edit the html for bodies of text. Is there an easy way to do this, other than having to go through a server directory to edit the CSS sheets etc.?
Thanks!

⋅ Categories: Drupal 8.x

Comments

VM’s picture

VM commented

no. Without a link to the site in question to inspect the already existing HTML and CSS it's difficult to support further.

jasonbergey’s picture

jasonbergey commented

Sure, the link to the website is here.
The logo at the top of the page has no options to resize through the interface as far as I know.

VM’s picture

VM commented

There isn't a UI to make those kinds of changes. A look at the HTML and CSS of the site indicates that the issue isn't a block resize issue.

.site-logo img {
    width: 120px;
}

The above CSS is forcing the logo to be 120 x 120 px. Override it in your subtheme custom CSS file. You can investigate contrib for modules that allow the changing of CSS in the UI such as https://www.drupal.org/project/css_editor which provide a UI but I have no idea how well modules such as that work.

jasonbergey’s picture

jasonbergey commented

Do you by any chance know where this kind of information would be stored? It said that it injects the CSS code after all other CSS. Are modules known to save information in any particular directory? Would updating your themes overwrite this file?
Thankyou for the help.

VM’s picture

VM commented

I have no idea how well modules such as that work.

It would either place it in a file that would be stored in the files folder, else it would be stored in the database. Either way neither should have any majorly adverse impact on upgrading themes. However, now the CSS for your theme is spread around rather than self contained in your subtheme custom.css file.