Forum Replies Created

Viewing 15 replies - 1 through 15 (of 33 total)
  • Hey there, I have nothing to do with plugin but I’m an actual genius so I just figured I’d go fix the problem myself in 2 minutes flat

    Add the following code to this file /wp-content/themes/ribbon-lite/style.css

    Enjoy!

    .wpcr3_div_2 {
        width: inherit!important;
    }
    
    .wpcr3_respond_2 textarea {
        min-width: inherit!important;
    }
    Thread Starter hazardous_waster

    (@hazardous_waster)

    Small update

    I’ve tried a few extra things – switching off all plugins, changing the theme … but the bug was still present

    However I’ve just updated the Contact Form 7 plugin to the latest (I was one behind) and the issue remains but behaves different

    The emails are still not sending but instead of hanging forever the page reloads and I get a query string added to the URL – /#wpcf7-f92-p78-o1 and annoyingly no error message … doesn’t say its successful or not but the email never arrives so its clearly failing somewhere

    Thread Starter hazardous_waster

    (@hazardous_waster)

    Thank you Jory – this may not be what I need in this instance but it actually looks perfect for another project I’m just starting, so thank you for the advice and quick response! 🙂

    N

    I would also like you to take my money

    Sorry I don’t think I’m on the same page yet

    So I click on the above link, wait 5 seconds and then skip the advert, I’m then taken to https://moneylenders-sg.com/

    Here if I right click and ‘inspect’ (Windows 10 machine using Chrome) I can view the developer tools .. is it here you are seeing an error?

    I can’t see an error straight away, can you tell me which tab you are seeing an error in (Console, Sources, Network etc etc …) Or if I’m looking in the wrong place?

    N

    Hey there

    Where did you test the site to find the AMP bug? – I’d like to retest it to see the bug and view the error

    N

    Ohh if it helps – the error is with the ‘Jenny Powell’ review, so you can take a look at that one from the WordPress dashboard and see what you find .. if you can’t find anything try removing the review and re-creating it

    N

    It looks as if the field for image is required but one has not been entered which is what is throwing up an error

    By the way – I don’t work for this plugin so I can’t be 100%, just trying to help

    N

    Hey there

    So are you checking the validity of the code of your site? Can you please reply with what tools you are using to check the validity?

    Also something is telling you there is no image? Can you tell me what image it is missing? If you paste the image URL here too that would be great

    N

    Almost there

    You see how it’s now only a 1px much thinner line?

    If you’re in Chrome right click on the review (the ‘This is just a test’ text) and click ‘inspect element’.

    This will open up a developer tool window, here you’ll be able to see in one of the panels the HTML code and in another of the windows the styling …

    What you’re looking for is any styling that is applying a border to the top and the bottom of this element …

    About the 5th element down you’ll see some border styling … you can actually toggle these on and off to see what your site will look like with these elements removed, you can test new styles in this window too and it will update your site live (on your local machine anyway …)

    So the element you need to change is in base.css again on line 12, this line

    blockquote.type1 q, blockquote > p { font-size:18px; line-height:30px; display:inline-block; font-weight:300; border-top:1px solid; border-bottom:1px solid; padding:20px 0px; margin-bottom:10px; }

    If you remove the border elements you’ll get this piece of code

    blockquote.type1 q, blockquote > p { font-size:18px; line-height:30px; display:inline-block; font-weight:300; padding:20px 0px; margin-bottom:10px; }

    If you replace the piece of code with this then you should now have removed the borders from this element

    Ok then try this

    In base.css on line 120 you have this

    blockquote > p {font-size:18px;line-height:30px;display:inline-block;font-style:italic;font-weight:300;/* border-top:2px solid; *//* border-bottom:2px solid; */padding:20px 0px;margin-bottom:10px;}

    Replace this line with the following (which you can see is removing the border top and border bottom CSS styling)

    blockquote > p {font-size:18px; line-height:30px; display:inline-block; font-style:italic; font-weight:300; padding:20px 0px; margin-bottom:10px;}

    In base.css (or a CSS file rendered after base.css) at the bottom of the file write this

    blockquote p {
    border: none;
    }

    Hey

    I have nothing to do with this plugin but I’m signed up to get emails from it because I’m really interested in the pro version…

    The author does show up from time to time and answer a whole bunch of these questions in the most simplistic way possible – I’ve been waiting a long time already for the pro version with little or no mention of it for months, maybe even 6 months now maybe more? So don’t hold your breath.

    You can however create some of your own custom basic styles with the standard version with just a little knowledge of CSS, I’m willing to help you out if it’s just some basic looking and feel changes you’re after or I’ll most likely be able to point you in the right direction if they’re more involved

    N

    Your plugin is adding some styling to each blockquote element that is created – check in the custom styling to see where it is picking that up from

    An option that doesn’t really eliminate the problem but rather pastes over it would be to force all blockquote to have no background

    In your main.css you could add a rule, something like this

    blockquote
    {
    background:none!important;
    }

    You’re absolutely right that .wpcr3_respond_2 covers the whole area but this CSS is just for the element ‘textarea’ – the Name and Email fields are ‘input’ elements so you need to write a piece of CSS for that too, here’s the whole thing;

    .wpcr3_respond_2 textarea {
        color: #000;
    }
    .wpcr3_respond_2 input {
        color: #000;
    }

    What you can also do in CSS if you have several elements you want to style in the same way is to apply the same styling to lots of different elements like this;

    .wpcr3_respond_2 input, .wpcr3_respond_2 textarea {
        color: #000;
    }

    And if you now want to get really efficient you can apply this styling across the whole site but be careful and test your site – there may be input elements that get changed that you didn’t mean to

    input, textarea {
        color: #000;
    }
Viewing 15 replies - 1 through 15 (of 33 total)