How to get code to work in CTA widget?!

Community Forums Forums Design Tips and Tricks How to get code to work in CTA widget?!

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  speedmouse 11 months, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #77106

    speedmouse
    Participant
    Post count: 50

    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!

    • This topic was modified 11 months, 3 weeks ago by  speedmouse.
    • This topic was modified 11 months, 3 weeks ago by  speedmouse.
    • This topic was modified 11 months, 3 weeks ago by  speedmouse.
    • This topic was modified 11 months, 3 weeks ago by  speedmouse.
    http://themarketingmother.com/demo1/
    #77142

    nutsandbolts
    Keymaster
    Post count: 3187

    What 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, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #77218

    speedmouse
    Participant
    Post count: 50

    Andrea, 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.

    #77219

    nutsandbolts
    Keymaster
    Post count: 3187

    Try 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, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #77295

    speedmouse
    Participant
    Post count: 50

    Andrea, 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!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.