closetnerdthe1st

Forum Replies Created

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

  • ccwad– I have to agree with your conclusion that there’s a problem with the Candidate theme you purchased which is built on Twitter Bootstrap 3. whether it’s a problem with webkit implementation for Safari I can’t say.

    I’ve taken the source from the link you sent and sandboxed it. Made some hard coding changes including moving a form with input text box and text area just under the <body> and stripped all css styling out. I tested it in all current versions of Firefox, Opera, IE, Chrome and it works perfectly. Just not Safari. Although the border highlights, even when using the tab key indicating it’s selected, one can’t type into it. Did all I can do without getting into the inner workings of the theme itself. Very strange behavior.

    As I think it is a closed issue within the context of this forum, if you wish you can keep me up to date outside of this forum by emailing me at adg at americandatagraphics.com and addressing it to Bill.

    It’s little consolation, but in the past I’ve had my own share of problems with purchased themes and not getting any feedback by the creator. Whereas, I’ve had great response from those who put out free ones. I admire people like Mike from FS Contact plugin who, as a matter of pride and reputation stand by their baby, as they did when it turned out to be a mistake and oversight on my part.

    For all the time and money I’ve spent on trying to get someone else’s theme to do something I expected it to do, it proved far more cost effective to learn how to properly design my own themes or build on top of simple frameworks because I know what I want it to do and I know it’s going to do it. In doing this I’ve had absolutely zero conflicts with plugins.

    ccwad – What I mean by wrapping the shortcode works as follows. On the WordPress page that you’re editing and want to use the FS Contact Form you’ll click on the ‘Text’ tab in the editor. Then you would enter something like this in the area you want it to appear on the page:

    <div style="position:relative; z-index:999;">
[si-contact-form form='1']
</div>

    The ‘z-index’ css property only works with, and must follow, the ‘position’ css property declared in the style statement. The inline style declaration within the <div> takes priority over any imported or head css style declarations. Using a high z-index forces it to rise to the top of the layering order which should allow you to activate FS Form field when you click on it.

    Depending on your theme, framework, page layout, etc., you may have to tweak the inline styling to position the form correctly on the page within the surrounding elements using the ‘display:’ and/or ‘margin:’ css properties.

    Again, I hope this makes sense and it works for you.

    Thread Starter closetnerdthe1st

    (@closetnerdthe1st)

    Duh!! Seek and ye shall find, right. Mike pointed the form copy feature out to me in another message, which I’ve already used as well as the backup feature. Now I have zero problems. Thanks again.

    This sounds like similar problems I’ve had with layering in different browsers where links or navigation menu fly-outs can’t be clicked on and form fields can’t be entered by clicking.

    I would try wrapping the form shortcode in a div setting the inline style position to absolute or relative as needed and setting the z-index to 999. Of course you may have to add additional styling elements to fit your needs.

    Hope this helps.

    Thread Starter closetnerdthe1st

    (@closetnerdthe1st)

    Sumobi, I just wanted to say thanks for the quick response to my suggestion and my apologies for just getting back to you. Your fix works perfectly. As I’m using a framework I inserted the code at the end of my template-functions.php file.

    Because the thumbnails tend to align left over the caption and the thumbnails are of various widths, I just added this css code to the bottom of the <style> section to force the thumbnails to be centered over the captions as follows:

    .image-gallery a img{
    margin: 0 auto 0 auto;
}

    I will provide a link as soon as the site revisions are complete. Again, Thanks!

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