Jump to content
MakeWebGames

Recommended Posts

Posted

Dear Members,

 

Can anyone help and tell which file i should edit so i can change the green or red background with an image

I tried everything in style, bootstrap everything but no change.

I am using GL2

Thanx a lot

  • Like 1
Posted

Lines 4,457 to 4,500 of themes/default/css/bootstrap.css.
Change the colours to whatever you wish. Be sure to clear your cache afterwards*

Note: If you're using an intermediary service to serve your site (such as CloudFlare), you will need to purge the file from its cache too.

Recommendation: Leave the original vendor sources alone and put your customisations into their own CSS file

  • Like 1
Posted
2 minutes ago, Magictallguy said:

Lines 4,457 to 4,500 of themes/default/css/bootstrap.css

I changed from these lines for example 

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

 

i did like this

 

.alert-success {
  color: #3c763d;
     background-image: url("../images/success.png");
  border-color: #d6e9c6;
}

 

And nothing works when i do a success crime for example.

  • Like 1
Posted

Site appears to use minified resource. Your updates wouldn't automatically be applied.

If you're using an editor (such as Sublime TextAtomEmacsVSCode, etc), then you can likely find a plugin to generate minified resources - I personally use VSCode's Minify and Atom's atom-minify.
Alternatively, you can minify resources online with tools such as CSS Minifier.

So!
1. Minify bootstrap.css (to get an updated bootstrap.min.css)
2. Upload your new bootstrap.min.css

  • Like 2
Posted
3 hours ago, Magictallguy said:

Site appears to use minified resource. Your updates wouldn't automatically be applied.

If you're using an editor (such as Sublime TextAtomEmacsVSCode, etc), then you can likely find a plugin to generate minified resources - I personally use VSCode's Minify and Atom's atom-minify.
Alternatively, you can minify resources online with tools such as CSS Minifier.

So!
1. Minify bootstrap.css (to get an updated bootstrap.min.css)
2. Upload your new bootstrap.min.css

Worked !!! Thanx a lot Magic

  • Like 3

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...