Jump to content


Photo
- - - - -

a b c - how to add code cusomizatoins for dummies ( designers)

css html java script

  • Please log in to reply
4 replies to this topic

#1 kate1000

kate1000

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 22 November 2013 - 07:06 PM

Hello as a designer codeing is not easy for me but I keep at it. I am in love with dms but need to understand at kindergarden level.. how to add code to the new dms

i use customize plug in

I go to bootstap and make a cool shortcode modal box and almost immediatly want to chage the width and scroll overflow

I find cool stuff on these forums and shortstack and mostly " get it" as far as how the css works. 

 I dont get where to add  css exacty.. and whre to modify the javascript and or add the javasxript

 

I use firebug to find the element size - I sort of get that ok

 

bootstrp uses shortcode wrap aroudn the elemnt button like so:

 

[pl_modal title="Web Design" type="btn" colortype="info" label="Click Me!"]
<a href="http://wanderingtree.com/"><img src="http://kate1000.com/wp-content/uploads/2013/11/wandering-tree-kate-speiss-kate1000-copy.jpg"></a>[/pl_modal]

 

so  Ithink Hey Ill add width to that but nope..

so I go to css less - and dont have a clue

go to cusoeize and guess the name of the modal box must be the one in the firebug modal_number

seems like.. I am making this to hard. isnt jquery supposed to eliminate people like me from messing up the javasxript ?

sincely cant find a " customize dms for dummies kindergarden level walk thoough - thanks!



#2 kate1000

kate1000

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 22 November 2013 - 08:34 PM

http://www.hongkiat....n-modal-window/

 

This is a GREAT dumb down tut - but

 

where to add the snip of code for java

$('#modal').modal(); 

 

so close - darn it.

1



#3 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 22 November 2013 - 08:44 PM

Hi @kate1000

 

The docs are the best place for the tutorials on how to do all this http://forum.pagelines.com/

 

Thjis one will help with your Java Script entry http://docs.pageline...-custom-scripts



#4 kate1000

kate1000

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 26 November 2013 - 06:39 PM

um.. the forum you linked is the one I posted on..

The Java script area is a good idea.. but its a little like showing me C and leaving out a and b 

Thanks for the time, but its not any help. I guess I dont know how to ask the question properly.



#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 15848 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 November 2013 - 11:48 AM

Hi,

 

I am not entirely sure what it is you're asking to be honest. When you say you went to Bootstrap and made a shortcode, what do you mean ?

PageLines already includes multiple shortcodes this includes a modal, see here for more information - http://docs.pageline...ials/shortcodes

 

Adding customizaton is different depending on what it is you're trying to do as there are so many different things you can. For example, you can add custom CSS/LESS CSS, custom scripts, use hooks and even create your own sections.

 

To add custom CSS i.e. add your own styling or override the default styling of DMS you can use the Custom CSS/LESS editor built-in DMS, the base child theme or the customize plugin.

 

For me the simplest way to add custom CSS or override the default CSS is to use Google Chromes built-in dev tools, for more information on how to use this, I would recommend you sign up to Code School (free) and do their free introduction to Dev tools, its a interactive tutorial. Where by the end you should become a ninja with the tools.

 

https://www.codescho...scover-devtools







Also tagged with one or more of these keywords: css, html, java script