• 0
Sign in to follow this  
Followers 0

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


Question

Posted · Report post

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!

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.pagelines.com/tutorials/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.codeschool.com/courses/discover-devtools

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0