BeTheme - Change background colours and effects

edited May 2017 in Theme support
Sorry, code is pasting really weird and I don't know why. It seems to be generating something? Can't see a paste code option?

Just read from #grad{until closing bracket}  (I've commented out to try and make more readable)

I want to change the background to use a different colour and gradient

For instance, I would like to use code like this (from w3schools). But I cannot find the correct bit of css in the theme stylesheet which I should be customising.
Can anyone help and give me css snippet I should be editing for the global background?


/*#grad {

    background: red; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */

    background: linear-gradient(red, yellow); /* Standard syntax */

}*/

Ignore additional code below here

Comments

  • Hello,
    You can set this code in theme options>custom css&js>css
    I do not thing this code will work. I like to use this generator: http://www.colorzilla.com/gradient-editor/
    If you want the background to appear, you need to either append it to the HTML or the BODY.
    If you will run into some trouble, plese send a link to your page.
  • Hi

    thank you. I know where to put the code. 

    But don't I need a class name or something? Or the whole block of css currently in use for the background so I can add the necessary lines for the colour and gradient?

    I've inspecting the css but I haven't managed to work out which bit i need.


  • Yes, you probably need class or something but because you did not left any further explanation, nor any link to page with more details of what you would like to do, we don't know what we are talking about exactly.
  • edited May 2017
    I want to add a gradient coloured background to all pages. I'm using the betheme. 
    I have successfully added box shadows using custom css classes for instance.
    But that is easy because I can set the class on the element on the page I want to change using VC

    How to I customize the class for global page format settings? I need to know the name that this class has

    Can you please provide the css from the betheme stylesheets which is responsible for global page format settings, so I can change once the background colour and add a gradient? I'm having trouble finding it because I'm still fairly new to this.

    I need to this so I can customise and add code discussed before (for color/gradient) to the custom css section, in themes -> betheme options -> custom css.

    Hope that makes sense? It's nothing to do with the site I am making, I need help from the people who made the theme to tell me what css class in the theme's own stylesheets needs customising to change the background for all pages.

    Unless I am misunderstanding the process for changing something like this?

    Thank you
  • Hi,
    It is not a universal code for every 250+ pre-built website. We need a link to your website to see how the code is set up and target the proper class.
    thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.