• 0
Sign in to follow this  
Followers 0

Custom CSS Speech Bubbles

Question

Posted · Report post

OK, I think I'm getting in a little over my head here, but I'm having fun! I am trying to create speech bubbles for the quotes on my "Join Us" page (http://www.buildingblocksalamedacounty.org/join-us/) and found a website that claims to do it with custom CSS: http://nicolasgallagher.com/pure-css-speech-bubbles/ Since I only want to do this for the one page, I first installed a Wordpress plugin: http://wordpress.org/extend/plugins/custom-css-stylesheet-for-posts-or-pages/ and then copy and pasted the CSS code from the site listed above into a .css file and FTPd it all to my pagelines theme directory. Here's the code that the site supplied: /* Bubble with an isoceles triangle ------------------------------------------ */ .triangle-isosceles { position:relative; padding:15px; margin:1em 0 3em; color:#000; background:#f3961c; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:-moz-linear-gradient(top, #f9d835, #f3961c); background:linear-gradient(top, #f9d835, #f3961c); } /* creates triangle */ .triangle-isosceles:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-15px; left:50px; width:0; border-width:15px 15px 0; border-style:solid; border-color:#f3961c transparent; } I added the

markings to the HTML of my Join Us page, but nothing seems to be happening. Like I said, I can follow directions, but otherwise I am in a little deep! Thanks for your great support and service. This community has been outstanding. -Dianna

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

Hey there, So instead uploading a custom CSS file, just use a selector for the page, like: body.page-id-123 {CSS code here} Of course you replace the page ID with your page's id. And you add the code to the Custom CSS box located in PageLines > Site Options > Custom Code. Let us know if that works! :)

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