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.


Adding a linear gradient to CSS

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#100029 (In Topic #19635)
Avatar

Community saint

How to do it?

Ok so I have a couple places in some CSS where I do this:

Code

background-image: linear-gradient(to bottom, rgb(107, 129, 161), rgb(96, 116, 144));

How would I translate this so that I can move the colour to the top like the rest of the colours in global.css?

I know I would need something like this in my class rule:

Code

background-color: {$GET,my_special_class_background};

But how do I define the gradient up top?
Back to the top
 
Posted
Rating:
#100030
Avatar

Community saint

Also in this same vain is there a way to make a background image compatible with the theme wizard?

I mean I am almost done a theme and wanted to see how it looks when run thru the theme wizard to change its color scheme and most things change nicely but I have a blue thatch background in the header area and my seed green changes nearly everything a nice green except that blue thatch header background image.
Back to the top
 
Posted
Rating:
#100031
Avatar

You can give a hex colour instead of rgb(107, 129, 161), so it's no different to the other cases in reality.

theme.ini lists the images under the scope of the Theme Wizard. It will only work well with the RGB-shift method, as PHP code is written directly against what the default theme includes for the equations method.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#100033
Avatar

Community saint

Thanks I started thinking that would be the way to go and then I discovered the use of gradients in the global css too.
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: