Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to get code to work in CTA widget?!
Tagged: code changing in wp page
- This topic has 4 replies, 2 voices, and was last updated 10 years, 4 months ago by speedmouse.
-
AuthorPosts
-
December 4, 2013 at 9:02 pm #77106speedmouseParticipant
I've been trying for nearly 3 hours to get the code to work in the Call To Action widget on this page, but just have to give up for tonight! It just seems to have a crazy mind of it's own - I have been using a draft page to get the sizing, colour, paragraphs, etc. that I want but nothing seems to work as it should.
Also, the <br>'s things like that don't stay in the wordpress pages, but just get deleted automatically - how do people get them to stick without changing??! (must be a way 😉 )
Also, although centering is written in the code in the widget for the top line of text, it is still sticking to the left (like a limpet!)
Many thanks for your time!
http://themarketingmother.com/demo1/December 5, 2013 at 12:11 am #77142nutsandboltsMemberWhat code are you using in the widget, and what is it doing versus what you need it to do?
To center the title, find this in your stylesheet:
.executive-pro-home .home-cta .widget-title { color: #c40f0f; }
and change it to this:
.executive-pro-home .home-cta .widget-title { color: #c40f0f; text-align: center; }
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+December 5, 2013 at 9:51 am #77218speedmouseParticipantAndrea, many thanks! 🙂
After I'd written the post I worked for a bit longer. I was so tired by then that sort of just threw anything and everything at it, in auto-brain mode ...and somehow some of it worked. I don't think I will have done it the correct way though, just cobbled it together. I'm now going to use the TinyMCE php widget they have so maybe that will help if I start again.
I was doing all the css .... everything in the widget as I didn't want to alter anything else on the page ...in fact I did, by getting rid of the border on the red phone icon, it's gone and got rid of the borders on all the other images ...if there was one thing that you felt like helping with, it would be that ...how to make the css target JUST that one icon, leaving all the other images with their borders. I would be enormously grateful for that bit of info!
Many thanks for responding and sharing, it's much appreciated.
December 5, 2013 at 9:54 am #77219nutsandboltsMemberTry using
.wp-image-122
to target it - that's the image class assigned by WP from what I can tell. So you could do something like this:.wp-image-122 { border: none; }
and it should affect only that image.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+December 5, 2013 at 4:39 pm #77295speedmouseParticipantAndrea, thank you so much, that was really helpful in more ways than one 🙂
I asked my eldest daughter to check the site on her mobile phone. She said that the call to action plugin box has crunched up unreadable text ...so, back to the drawing board!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.