HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Change background to image

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#87580 (In Topic #17844)

Fan in action

I have just started playing with this ocPortal and can't seem to find were to change background of main site from a color to a image. I checked with firebug but can not find that part in the css file.

SpiritsWeb.com  home of the Paranormal
Back to the top
 
Posted
Rating:
#87582
Avatar

Community saint

Hi lightwolf, look in the global.css of your site theme for this code

Code

.fake_middle_continuation, #main_website #body_inner {

This is the middle element.

For a background image (outer) look also in the global.css or use the theme images and upload a new one there. Clear afterwards your cache for changing.

Success Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#87583

Fan in action

I tried to find theme image to change with mine but can not locate it, can you tell me which folder it is in?

SpiritsWeb.com  home of the Paranormal
Back to the top
 
Posted
Rating:
#87584

Fan in action

Can I change the background from color to image in the css file?

SpiritsWeb.com  home of the Paranormal
Back to the top
 
Posted
Rating:
#87585

Fan in action

Can I just add the image in this part of the code?   {+START,IF,{$CONFIG_OPTION,fixed_width}}{+START,IF,{$NOT,{
$MOBILE}}}
   #main_website { /* #main_website targets only the main site screen, avoiding frames etc */
      background-color: #e3eaf6 !important; /* */

SpiritsWeb.com  home of the Paranormal
Back to the top
 
Posted
Rating:
#87586

Fan in action

I'm getting close to figuring this out..lol got my background to show in some sections on front page, so will keep working on it..lol thanks for the help.

SpiritsWeb.com  home of the Paranormal
Back to the top
 
Posted
Item has a rating of 5 (Liked by Chris Graham)  
Rating:
#87587
Avatar

Community saint

See pictures from admin centre and global where to change inner background to image.





http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Item has a rating of 5 (Liked by sholzy)  
Rating:
#87590

Fan in action

okay found the image I needed to replace..woohooo!!!!! It was the outer-background.jpg image for anyone that needs this info.

SpiritsWeb.com  home of the Paranormal
Back to the top
 
Posted
Rating:
#87595

Non-joined user

Okay after changing the background image it was easier to spot the code in the global.css file.

This is part of the code that you can change your image into if you don't want to replace the original image.

global.css

look for this section: It's not down far from the begining of the code.

th, .fake_th {
   vertical-align: top;
   background-image:

url("http://mywebsitename/images/myimage.gif"); /* */
   font-size: 0.85em;
   color: #313740; /* */
   font-weight: bold;
   text-align: center;
Back to the top
 
Posted
Rating:
#87596

Non-joined user

ughhh we need a delete button...Sorry that info all wrong, please ignore..lol wow spending too much time readings code today.
Back to the top
 
Posted
Rating:
#87658
Avatar

Community saint

hahaha no problem lightwolf.


http://digiflash.nl Photo community  (dutch)
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: