A couple of questions about "Museum"

More
6 days 23 minutes ago #51994 by hayatt2000
Hello,
I've got a few questions: 
1. I have tried to change the logo size bu uplaoding a larger image,but that did not work. And there is no option in "branding" to to do so.
So my guess I have to do that through CSS? What file and line should I edit? 


2. In the blog view of the hotstart, the images appear with rounded edges, although the actual images are not rounded. How was that done? Is it and option I have to enable? Or an extension? 
 
This wound corner effect is missing also in my menus. Please compare the hotstart menu to my menus below:  

 

Thanks. 
 

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
5 days 22 hours ago #51995 by milos
Hello,

1. Edit this file /media/templates/site/museum/css/custom.css and delete this part around line 120:
Code:
.sparky_logo_image img { width: 50%; }
The logo image is defined by the container, and the logo image can be a maximum of 300px in width. You can increase this by increasing the logo container and decreasing the menu and top1 module containers, in the template options page, under Layout. Learn more about Layout here www.hotjoomlatemplates.com/sparky-docume...ayout/layout-builder

2. You can disable rounded corners of the image in the same custom.css file. Around line 17 change this:
Code:
.rounded { border-radius: 15px !important; }
with this:
Code:
.rounded { border-radius: 0 !important; }

Regarding the menu corner effect, I can't tell you precisely without seeing your website live. Please send the link to your website.

Regards,
Milos

Please Log in to join the conversation.

More
5 days 14 hours ago #51996 by hayatt2000
Thank you.
- I don't want to disable rounded edges. I want to know how to activate it? It does not work in my site.

- Here is my site, you can see how the menus look:
www.hayatt.net

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
5 days 52 minutes ago #51997 by milos
Hello,

The rounded corners are applied to an image when you assign the class "rounded" to it. Sample HTML code will look like:
Code:
<img src="images/stories/books/alhuroof_cover.jpg" alt="alhurouf cover" width="250" height="250" dir="rtl" style="float: left;" class="rounded">

To get the rounded corners for the menu, apply the class "logorow" to the first row, where the logo is placed. You can do it in the template settings, under the Layout tab: System > Site Template Styles > Museum > Layout. Click "Row Settings" in the row where the logo is placed. In the Class field, enter logorow and save row settings and template settings.

Regards,
Milos

Please Log in to join the conversation.

More
4 days 18 hours ago #52002 by hayatt2000
Many thanks.
Because my site is RTL, the menu does not have the rounded edges in the right place:

 
See the upper corners of the submenu. 

Here is a link to my site:
www.hayatt.net/
 

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
4 days 1 hour ago #52004 by milos
Hello,

Please edit file /media/templates/site/museum/css/custom.css and around line 148 change this:
Code:
.logorow ul.menu ul { border-radius: 0px 5px 5px 5px; }

to this:
Code:
.logorow ul.menu ul { border-radius: 5px 0px 5px 5px; }

Regards,
Milos
The following user(s) said Thank You: hayatt2000

Please Log in to join the conversation.

Time to create page: 0.369 seconds
Powered by Kunena Forum