No Code Attached Yet
avatar mariantanase
mariantanase
23 Aug 2021

Steps to reproduce the issue

Step 1. On Dashboard > System > Site Template Styles > Cassiopeia - Default > Advance tab
Step 2. Select a 75x75 px immage for logo
Step 3. Save&Close

Expected result

Actual result

On frontend it shows a 18rem logo !
It seems that what causes this issue is a template class "container-header .navbar-brand img", who broken the immage.

Screenshot 2021-08-23 at 14-21-05 Home

System information (as much as possible)

Joomla 4.0.0 stable
PHP 7.4.13

Additional comments

Questions:

  1. Can be fix this ?
  2. Why isn't possible to have both (logo and title) ?
avatar mariantanase mariantanase - open - 23 Aug 2021
avatar joomla-cms-bot joomla-cms-bot - change - 23 Aug 2021
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 23 Aug 2021
avatar mariantanase mariantanase - change - 23 Aug 2021
Title
[4.0] [Cassiopeia] Template logo too big
[4.0] [Cassiopeia] Template too large logo
avatar mariantanase mariantanase - edited - 23 Aug 2021
avatar drmenzelit
drmenzelit - comment - 23 Aug 2021

The standard Cassiopeia logo is a svg, that is why the width for the img element was given. We need to check if it is possible to change it.
Temporary you can create a user.css file and change the values here:

.container-header .navbar-brand img { width: 18rem; min-width: 18rem; }

You can use the tagline to add a line of text below the logo.

avatar RickR2H
RickR2H - comment - 23 Aug 2021

@drmenzelit Maybe it is an option to add the image sizes to the SVG itself and remove the fixed width and height from the template? If an image is then added to the header, the width and height of the image is respected. Whats your opinion on this?


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35314.

avatar drmenzelit
drmenzelit - comment - 23 Aug 2021

That could be an option, we have to test it :-)

avatar RickR2H
RickR2H - comment - 23 Aug 2021

I'll try to make a PR.

avatar RickR2H
RickR2H - comment - 24 Aug 2021

@mariantanase If you want text next to the logo, add text to the tag line and add the following code to the user.css:

.navbar-brand {
  display: flex;
}

This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35314.
avatar richard67 richard67 - change - 24 Aug 2021
Status New Closed
Closed_Date 0000-00-00 00:00:00 2021-08-24 09:39:55
Closed_By richard67
avatar richard67 richard67 - close - 24 Aug 2021
avatar richard67
richard67 - comment - 24 Aug 2021

Closing as having a pull request. Please test #35337 . Thanks in advance.

avatar RickR2H
RickR2H - comment - 24 Aug 2021

@mariantanase Please test the PR #35337
we need 2 successful tests before it can be added.

Add a Comment

Login with GitHub to post a comment