Recent
Categories
View Replies (5)

Extend custom background image in header to edge

0
Votes
Undo
  1. Louw
    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
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Louw
Louw
Sherlock Holmes
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
Louw
Louw
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Louw
Louw
Sherlock Holmes
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!