W3.css gallery code help

• 

  cosmicosmocos · Member · Oct 28, 2016 at 9:04 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m trying to add custom w3.css code for a responsive 4×2 gallery to my Thurston Conservation District website. As far as I can tell, to do this, I need to paste the source code from here: http://www.w3schools.com/lib/w3.css into the css panel. However, I tried that, and after doing so, and then pasting my gallery w3.css html code into the html panel, the code doesn’t format correctly. On my desktop css editor (Rapid CSS 2016), the code works exactly as I want it to. Am I doing this correctly? Is w3.css supported? And if so, and I am doing it correctly, then why is the code not working?

  Thank you!

  This is a jsfiddle for the code for my code which is also working (I don’t want to waste space with pasting the entire w3.css source code here, but it’s from the same as the link above.) I’m using a placeholder image from my media folder, and some placeholder text for all the images.

  JSfiddle code to gallery

  `

  The blog I need help with is: (visible only to logged in users)

• 

  cosmicosmocos · Member · Oct 28, 2016 at 9:09 am

  • Copy link

  Slightly edited html for that jsfiddle: Edited html

• 

  cosmicosmocos · Member · Oct 28, 2016 at 9:14 am

  • Copy link

  Also, I don’t currently have the w3.css pasted into my blog, I have a non-responsive placeholder gallery there currently (as well as placeholder css). But hopefully someone here can help so that I can place my intended html and css back in.

  Thanks!