1. Louw
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 26 May 2014
  5.  Subscribe via email
I've inserted a custom image into the front page menu modules of my site but I want the images to extend all the way to the side of each header(so that there is no space between the rounded edges and the images. I've tried changing the padding in custom css but have failed miserably :(

I would really appreciate it if you could tell me what code must go into the custom.css to make this possible.

Please see below link to temp site.

Link to temp site
Template: Cashmere

Kind Regards,

Louw
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Louw

Could you try adding the following to the Custom CSS field of your templates parameters...


.style-box .module_header > div, .module_style-box .module_header > div {
padding: 0;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
You provide the best service out there. Thanks again and keep up the good work! :)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Just two more questions regarding this topic.

Question 1:

I wanted the menus on the front page to be replicated on the Sections page but they lose the custom header formatting for some reason. I've used Chrome's Inspect Element and it looks in order but loses the images on the Sections page.

Question 2:

I'm using the Animate on Scroll on the four Menu Modules but it loads the modules and then reloads it when the page is finished loading. It doesn't do this on your demo and I'm not sure how to get around this refresh that it does.

http://allaboutbee.cloudaccess.net/index.php">

I would really appreciate your help with this

Kind Regards,

Louw
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Louw

Question 1: One possibility is that you are using a different template style for the sections page to which the Custom CSS has not been added? It may also be using the full URL to your header background images if you have not already done so (http://allaboutbee.cloudaccess.net/images/small67.jpg).

Question 2. Sorry to say have been unable to replicate this issue using all the major browsers.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Your answer to question one worked like a charm. I added the full image path for each image and it appeared on the other section! How did you know that would work :)

The refresh just happens once when the page loads so I'm sure I could live with that. I've attached a screencast I made but it is in swf format. Not sure if you can play it.

Kind Regards,

Louw
  1. more than a month 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!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok