Recent
Categories
View Replies (5)

Change Layout Florence

  1. Issue
0
Votes
Undo
  1. mediafrog
    mediafrog
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 09 July 2025
  5.  Subscribe via email
Hi Ciaran,
please have a look here:

http://joomla4.sylvianopper.net/index.php

I would like to have the pink sidebar-wrapper on the left much wider. I tried to change css, but then the other areas are not longer correct.
Can you help me with this?
Regards
Grit
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.sidebar_wrapper {

  width: 400px;

}

.content_wrapper {

  margin-left: 400px;

}


Edit to taste.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mediafrog
mediafrog
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi ciaran,
Thank you very much. On desktop it works fine, but not on mobile. Can you help me for this?
Regards
Grit
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try also adding the following...

@media only screen and (max-width: 960px) {

    .content_wrapper {

        margin-left: 0px !important;

    }

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
mediafrog
mediafrog
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
thank you.
Please have again a look here:
https://joomla4.sylvianopper.net

I add a border to image on the left, but now there is also a border on the logo. How can I avoid this?
thank you.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Grit

Did you change the template's CSS directly or did you use a custom.css file? You should always use a custom.css for your changes.

To get rid of the border around the image, you could use 


img {

		border: none;

}

Be aware that this modification would be valid for any image on the site. As a alternative, you can add some own CSS class to your image and define that class accordingly.

Regards,
Rolf
  1. 4 weeks ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!