Recent
Categories
View Replies (3)

Scarlett Add Background Image

  1. Issue
0
Votes
Undo
  1. Rayjak
    Rayjak
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 10 August 2017
  5.  Subscribe via email
Website complete and beautiful. Now client wants a camouflage background.

In the template parameters I have tried changing the background colors to transparent - it accepts that but when I save the template the transparent becomes #1c212b blackish color. I have tried #rrggbb and it too gets changed to #1c212b upon a save.

I have tried various combinations of the following in the CSS:

body {
background-image: url("images/camouflage_background.jpg";)!important;
background-repeat: repeat;
}

#container_main .maincontent {
background-color: transparent!important;
}
.sidecol_a .module, .sidecol_b .module {
background-color:transparent;
}

#container_main {
box-sizing: border-box;
background-image: url(images/camouflage_background.jpg)!important;
background-repeat: repeat;
background-color: transparent!important;
}

I would appreciate any suggestions you could make.
References
  1. http://uswebdesigngroup.com/event-catering-food-truck/index.php/home
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It appears your background image is not been found. For your background image try using the full URL to your image...

body {

    background-image: url("http://uswebdesigngroup.com/event-catering-food-truck/images/camouflage_background.jpg";)!important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Rayjak
Rayjak
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
That works with the entire URL. Second part: How to get a transparent background color in main container.

This doesn't work

#container_main {
box-sizing: border-box;
background-color: transparent!important;
}

Also, in the template styling parameters, changing the Body Background Color to "transparent" doesn't work. It defaults to a blackish color.#1c212b
References
  1. http://uswebdesigngroup.com/event-catering-food-truck/index.php/home
  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

Your #container_main appears to be displaying transparent however your background image is been added to the top1 modules rather than the body. Is this what you wish?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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