Not Resolved->Two Background Solid Colors?->Background Image

[Michael]

Since this thread appears to have nothing to do with tech support and is just custom coding help, I'm moving it to the more appropriate board.

[Nscalerr 🐺]

Aug 24, 2018 10:32:35 GMT -8 private said:

Is it possible to get the background coloring to cover 80% or 800px of the forum?
I would like to leave room for some transparent or white space.
I am thinking about adding background images.

How do I plug in the color codes for the containers and any other parts of the forum board?

In that case we need to change it to the following. You will have 10% of the white background each side.

#wrapper {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(230, 238, 255, 0.2), endColorstr=rgba(217, 202, 217, 0.8));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(230, 238, 255, 0.53)), to (rgba(217, 202, 217, 0.8)));
background: -webkit-linear-gradient(top, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -moz-linear-gradient(rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -ms-linear-gradient(left, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
width: 80%;
margin: auto;
}

Other parts of the forum, you should be able to do through the visual editor, depending on how you want them done.

[private]

Aug 24, 2018 20:14:30 GMT -8 Nscalerr 🐺 said:

Aug 24, 2018 10:32:35 GMT -8 private said:

Is it possible to get the background coloring to cover 80% or 800px of the forum?
I would like to leave room for some transparent or white space.
I am thinking about adding background images.

How do I plug in the color codes for the containers and any other parts of the forum board?

In that case we need to change it to the following. You will have 10% of the white background each side.

#wrapper {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(230, 238, 255, 0.2), endColorstr=rgba(217, 202, 217, 0.8));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(230, 238, 255, 0.53)), to (rgba(217, 202, 217, 0.8)));
background: -webkit-linear-gradient(top, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -moz-linear-gradient(rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -ms-linear-gradient(left, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
width: 80%;
margin: auto;
}

Other parts of the forum, you should be able to do through the visual editor, depending on how you want them done.

nscaler:
Thank you for your reply.

Visual Editor
Background Image->Background Attachment
I used this image link->  s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg
I tried more then one.
The image did not appear as a background attached image.

How do I add a background attached image?

[Nscalerr 🐺]

Go to Admin Home > Themes > Advanced Styles & CSS > Visual Editor > Background

Then copy and paste this link in to where it says Background Image, making sure where it says Background Attachment is set to Fixed and Background Repeat to Repeat. Finally click on save Theme.

s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg

[private]

Aug 25, 2018 6:39:37 GMT -8 Nscalerr 🐺 said:

Go to Admin Home > Themes > Advanced Styles & CSS > Visual Editor > Background

Then copy and paste this link in to where it says Background Image, making sure where it says Background Attachment is set to Fixed and Background Repeat to Repeat. Finally click on save Theme.

s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg

nscalerr:
Thank you for your reply.
As I stated before, it does not work.

[private]

Aug 25, 2018 7:53:10 GMT -8 private said:

Aug 25, 2018 6:39:37 GMT -8 Nscalerr 🐺 said:

Go to Admin Home > Themes > Advanced Styles & CSS > Visual Editor > Background

Then copy and paste this link in to where it says Background Image, making sure where it says Background Attachment is set to Fixed and Background Repeat to Repeat. Finally click on save Theme.

s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg

nscalerr:
Thank you for your reply.

As I stated before, it does not work.

I am able to add a background image in the style sheet.
This code (from W3 Schools) worked.
I just do not know how to add/include the code for repeat and left side vertical to code below.
body {
background-image: url("https://s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg");
}

[Nscalerr 🐺]

This is a test theme on my forum using the following CSS and having added the background to the visual editor. Make sure you are editing the correct theme, (if you have more than one).

#wrapper {
   background: -moz-linear-gradient(rgba(230, 238, 255, 0.8), rgba(217, 202, 217, 0.8));
   width: 80%;
   margin: auto;
}



[Nscalerr 🐺]

body {
background-image: url("https://s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg") repeat;
}

[private]

Aug 26, 2018 3:25:17 GMT -8 Nscalerr 🐺 said:

body {
background-image: url("https://s5.postimg.cc/qxhy6enhz/resized_snowflake1_copy.jpg") repeat;
}

nscalerr:
Thank you for your replies and thank you for your help.
When I entered the background image code, your custom background code disappeared.
I do not know why.
I am going to skip trying to include a background image.
I will just keep your custom background code.
The code was added to the bottom of the style sheet.

[Nscalerr 🐺]

That is a bit odd. Might need to get one of the reds to take a look at things. Maybe Michael can have a look.

[private]

Aug 26, 2018 9:43:08 GMT -8 Nscalerr 🐺 said:

That is a bit odd. Might need to get one of the reds to take a look at things. Maybe Michael can have a look.

nscalerr:
Thank you for everything.

Yeah. It is unusual.
I would be interested in knowing why.

[private]

Updated on Tuesday,9/19/2018
Link To  support.proboards.com/thread/653121/background-images-show

[private]

Aug 24, 2018 10:32:35 GMT -8 private said:

Aug 24, 2018 5:43:19 GMT -8 Nscalerr 🐺 said:

This is with rgba and as close to 25% and 75% as you can get. Note the colours are very pale, specially the top one.

body {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(230, 238, 255, 0.2), endColorstr=rgba(217, 202, 217, 0.8));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(230, 238, 255, 0.53)), to (rgba(217, 202, 217, 0.8)));
background: -webkit-linear-gradient(top, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -moz-linear-gradient(rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -ms-linear-gradient(left, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
}

nscalerr:

Thank you.
Is it possible to get the background coloring to cover 80% or 800px of the forum?
I would like to leave room for some transparent or white space.
I am thinking about adding background images.

How do I plug in the color codes for the containers and any other parts of the forum board?

Aug 23, 2018 11:40:28 GMT -8 private said:

Forum URL: http://N/A
Is it possible to have two background solid colors?

Aug 24, 2018 10:32:35 GMT -8 private said:

Aug 24, 2018 5:43:19 GMT -8 Nscalerr 🐺 said:

This is with rgba and as close to 25% and 75% as you can get. Note the colours are very pale, specially the top one.

body {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(230, 238, 255, 0.2), endColorstr=rgba(217, 202, 217, 0.8));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(230, 238, 255, 0.53)), to (rgba(217, 202, 217, 0.8)));
background: -webkit-linear-gradient(top, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -moz-linear-gradient(rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
background: -ms-linear-gradient(left, rgba(230, 238, 255, 0.2), rgba(217, 202, 217, 0.8));
}

nscalerr:

Thank you.
Is it possible to get the background coloring to cover 80% or 800px of the forum?
I would like to leave room for some transparent or white space.
I am thinking about adding background images.

How do I plug in the color codes for the containers and any other parts of the forum board?

 support.proboards.com/post/7147482/thread

BUMP

[Teg]

What is the remaining issue here? What needs to be fixed and what’s not working? The help provided is solid and the codes work on test forums.

[private]

Oct 24, 2018 6:08:15 GMT -8 Teg said:

What is the remaining issue here? What needs to be fixed and what’s not working? The help provided is solid and the codes work on test forums.

Did you read the entire thread?
The background colors have been resolved.
The unresolved issues are the background images that I cannot get to display.
Read the thread to gain a better understanding of what has not been resolved.