How do i enter simple mode?

Justice's Avatar

Justice

20 Mar, 2015 08:46 PM

How do i enter simple mode? I'm in advance mode i believe and it's just too confusing. I need something simple

Thanks!

  1. 1 Posted by Justice on 21 Mar, 2015 02:50 AM

    Justice's Avatar

    Better yet, Can you give me a full in-depth tutorial explaining hot to change the HTML code to look how i want it to look? I'm not keen on HTML at all, and i really just need some way to put my own words, and image in. so far it looks like this : http://justiceretrohunter.cashmusic.org/

    thanks

  2. Support Staff 2 Posted by Tracy on 23 Mar, 2015 01:29 PM

    Tracy's Avatar

    Hey!

    We've done away with Simple Mode as we knew it a few versions ago. In the current version of our platform, all our elements were created with a simple setup in mind.

    You'll need to work with a bit of html and css to change the look of your page, but it's easier than you think.

    First, you'll need to log into your admin panel and select the campaign you want from the upper left-hand menu. From there, select the pencil icon on the campaign box. Select Page theme.

    You'll see some code that looks like this:

    <!DOCTYPE html> <head> <title>CASH Music</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="icon" type="image/x-icon" href="https://91ee07a61ca29df61569-b2dba7dce06e8a9c0977ad3a8844e9c8.ssl.cf2.rackcdn.com/v5/ui/default/assets/images/favicon.ico" /> <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="https://91ee07a61ca29df61569-b2dba7dce06e8a9c0977ad3a8844e9c8.ssl.cf2.rackcdn.com/v5/assets/css/embed-default.css" /> <link rel="stylesheet" type="text/css" href="https://91ee07a61ca29df61569-b2dba7dce06e8a9c0977ad3a8844e9c8.ssl.cf2.rackcdn.com/v5/assets/css/page-default.css" /> </head> <body class="dark"> <div id="mainspc"> <!-- Email-for-download campaign --> {{{element_####}}} </div> <div class="madebycash"><a href="http://cashmusic.org/" target="_blank">Made with &#9825; by CASH Music. Open-source &amp; Free forever. </a></div><!--madebycash--> </body> </html>

    Between the <head></head> tags, you'll see a bunch of linked external stylesheets. You can get rid of those and instead use an internal style sheet.

    Here's a beginner's guide to internal stylesheets, and you can learn all about different style elements from the left-hand menu: http://www.w3schools.com/css/css_howto.asp

    I'll get you started. You might want to include, for instance:

    <style>
    body {
        background-color: yellow;
    }
    /* unvisited link */
    a:link {
        color: #FF0000;
    }
    
    /* visited link */
    a:visited {
        color: #00FF00;
    }
    
    /* mouse over link */
    a:hover {
        color: #FF00FF;
    }
    
    /* selected link */
    a:active {
        color: #0000FF;
    }
    </style>
    

    That would change the colour of the background and the links. You'd just need to put everything between the <style></style> tags somewhere in the <head> area of the CASH document.

    As for inserting an image, that's easy html. You'll need to upload the image somewhere, but then you can include this bit of code:

    <img src="http://putyourimagelinkhere.com/image.jpg">
    

    If you need to change its size, play with the values below:

    <img src="http://putyourimagelinkhere.com/image.jpg" width="640" height="480">
    

    Here's an html cheatsheet you might find helpful: http://www.webmonkey.com/2010/02/html_cheatsheet/

    Very best,
    Tracy

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac