cayindustries
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Enigma] Make adjustments per screen size (Mobile)Actually, something else came up. When I check the website on my iPad the navbar menu pages look all goos EXCEPT for the ‘Products” page which is under the home page in LANDSCAPE mode and when you turn it to the regular direction (vertically) there are two lines of menu pages. Please advise. Thanks.
Forum: Themes and Templates
In reply to: [Enigma] Text being cut offWorked. Thanks!
Forum: Plugins
In reply to: [Contact Form 7] Contact Form gets cut off on MOBILE versionI read the article, but I am not “…skilled at using HTML and CSS…” like your article requires. You seem to have found the problem rather quickly, would you be so kind as to help me out with your plug-in?
Thanks!
Forum: Themes and Templates
In reply to: [Enigma] Why does this shortcode mess up my pageCan you recommend a plug-iin that works with your theme please?
Forum: Themes and Templates
In reply to: [Enigma] "Archives" still shows on MOBILE versionI was putting it in my Custom CSS plug-in and not in the Theme Options. When I put in the Theme Options it solved the issue. Thanks!
Forum: Themes and Templates
In reply to: [Enigma] "Archives" still shows on MOBILE versionThe ‘Archives” is still there in the MOBILE version. Please take a look and advise. Thanks.
Forum: Plugins
In reply to: [Contact Form 7] Contact Form gets cut off on MOBILE versionOK. So how can I remedy those so your form works?
Forum: Themes and Templates
In reply to: [Enigma] Why does this shortcode mess up my pageI usd this website (https://www.togotutor.com/code-to-html/java-to-html.php) to translate it to HTML. Will this work and where would I put this code if I want it on the “Products” page?
<div style='background:#FFFFFF; font-family: Courier New, Courier; font-size: 10pt; COLOR: #000000; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;'><script src=<font color='#2a00ff'>"https:<font color='#3f7f5f'>//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </font><br/> <br/> <br/> <br/><div id=<font color='#2a00ff'>"box"</font>> <br/> <br/> <div id=<font color='#2a00ff'>"innerbox"</font>> <br/> <br/> <div id=<font color='#2a00ff'>"headerbox"</font>> <br/> <br/> <h4 id=<font color='#2a00ff'>"price"</font>><span id=<font color='#2a00ff'>"pricestyle"</font>>price:</span>$29.99</h4> <br/> <br/> <h6 id=<font color='#2a00ff'>"Alternate"</font>>*If shipping outside the Continental US different shipping charges apply. Total price will be calculated on checkout page.</h5> <br/> <br/> </div> <br/> <br/> <div <strong><font color='#7f0055'>class</font></strong>=<font color='#2a00ff'>"container"</font>> <br/> <br/> <form action=<font color='#2a00ff'>"https:<font color='#3f7f5f'>//www.paypal.com/cgi-bin/webscr" method="post" target="_top"> </font><br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"cmd"</font> value=<font color='#2a00ff'>"_xclick"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"business"</font> value=<font color='#2a00ff'>"2ZF8FQ9RWU4ZS"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"lc"</font> value=<font color='#2a00ff'>"US"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"item_name"</font> value=<font color='#2a00ff'>"The Socket Roll"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"amount"</font> value=<font color='#2a00ff'>"34.99"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"currency_code"</font> value=<font color='#2a00ff'>"USD"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"button_subtype"</font> value=<font color='#2a00ff'>"services"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"no_note"</font> value=<font color='#2a00ff'>"0"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"cn"</font> value=<font color='#2a00ff'>"Add special instructions to the seller:"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"no_shipping"</font> value=<font color='#2a00ff'>"2"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"hidden"</font> name=<font color='#2a00ff'>"weight_unit"</font> value=<font color='#2a00ff'>"lbs"</font>> <br/> <br/> <div id=<font color='#2a00ff'>"position"</font>> <br/> <br/> <label <strong><font color='#7f0055'>for</font></strong>=<font color='#2a00ff'>"qty"</font>>Qty.</label> <br/> <br/> <input type=<font color='#2a00ff'>"text"</font> name=<font color='#2a00ff'>"quantity"</font> id=<font color='#2a00ff'>"qty"</font> size=<font color='#2a00ff'>"3"</font> value=<font color='#2a00ff'>"1"</font> required> <br/> <br/> <br/> <br/> <br/> <br/> <!-- Button Images --> <br/> <br/> <div id=<font color='#2a00ff'>"ppImage"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"image"</font> src=<font color='#2a00ff'>"https:<font color='#3f7f5f'>//www.paypalobjects.com/webstatic/en_US/i/buttons/buy-logo-medium.png" border="0" name="submit" alt="Buy now with PayPal!"> </font><br/> <br/> </div> <br/> <br/> </div> <br/> <br/> <div id=<font color='#2a00ff'>"accepted"</font>> <br/> <br/> <input type=<font color='#2a00ff'>"image"</font> src=<font color='#2a00ff'>" https:<font color='#3f7f5f'>//openmerchantaccount.com/img/accepted_payment200x25px.png" alt="Accepted Payment Methods" /> </font><br/> <br/> </div> <br/> <br/> <br/> <br/> <img alt=<font color='#2a00ff'>""</font> border=<font color='#2a00ff'>"0"</font> src=<font color='#2a00ff'>"https:<font color='#3f7f5f'>//www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </font><br/> <br/> <br/> <br/> </form> <br/> <br/> </div> <br/> <br/> </div> <br/> <br/> <div <strong><font color='#7f0055'>class</font></strong>=<font color='#2a00ff'>"moreShipping"</font>> <br/> <br/> <ul <strong><font color='#7f0055'>class</font></strong>=<font color='#2a00ff'>"no-js"</font>> <br/> <br/> <li> <br/> <br/> <ul> <br/> <br/> <li>Alaska</li> <br/> <br/> <li>Hawaii</li> <br/> <br/> <li>Puerto Rico</li> <br/> <br/> <li>U.S. Virgin Islands</li> <br/> <br/> <li>- $9.95</li></br> <br/> <br/> <li>Canada and International</li> <br/> <br/> <li>- $29.95</li></br> <br/> <br/> </ul> <br/> <br/> </li> <br/> <br/> </ul> <br/> <br/> </div> <br/> <br/> <!--<p>+ Additional Shipping Costs</p>--> <br/> <br/></div> <br/> <br/> <br/> <br/><style> <br/> <br/>#box { <br/> <br/> top: 240px; <br/> <br/> right: 120px; <br/> <br/> width: 250px; <br/> <br/> border-radius: 10px; <br/> <br/> box-shadow: -3px 2px 8px rgba(77, 77, 77, 0.5); <br/> <br/> background-color: rgb(255, 255, 255); <br/> <br/> position: fixed; <br/> <br/>} <br/> <br/>#innerbox { <br/> <br/> width: 100%; <br/> <br/> height: 100%; <br/> <br/> position: relative; <br/> <br/>} <br/> <br/>#headerbox { <br/> <br/> background-color: rgb(245, 245, 245); <br/> <br/> border-radius: 10px 10px 0px 0px; <br/> <br/> border-bottom: 1px solid rgb(162, 162, 162); <br/> <br/>} <br/> <br/>#pricestyle { <br/> <br/> font-weight: 300; <br/> <br/> font-size: 13px; <br/> <br/> margin-right: 8px; <br/> <br/> color: rgb(107, 107, 107) <br/> <br/>} <br/> <br/>#price { <br/> <br/> width: 130px; <br/> <br/> padding-top: 10px; <br/> <br/> padding-bottom: 4px; <br/> <br/> margin: auto; <br/> <br/>} <br/> <br/>#plus { <br/> <br/> font-weight: 700; <br/> <br/> color: rgb(43, 43, 43) <br/> <br/>} <br/> <br/>#shipstyle { <br/> <br/> font-weight: 300; <br/> <br/> font-size:13px; <br/> <br/> margin-right: 8px; <br/> <br/> color: rgb(107, 107, 107) <br/> <br/>} <br/> <br/>#shipping { <br/> <br/> width: 130px; <br/> <br/> padding-bottom: 4px; <br/> <br/> border-bottom: 1px solid rgb(152, 152, 152); <br/> <br/> margin: auto; <br/> <br/>} <br/> <br/>h2,h4 { <br/> <br/> margin: 0px; <br/> <br/> text-align: center; <br/> <br/> font-family: <font color='#2a00ff'>"Open Sans"</font>,sans-serif; <br/> <br/>} <br/> <br/>h2 span { <br/> <br/> font-size: 13px; <br/> <br/> margin-right: 8px; <br/> <br/> font-weight: 300; <br/> <br/> color: rgb(107, 107, 107); <br/> <br/>} <br/> <br/>#total { <br/> <br/> padding: 2px 0px 6px 0px; <br/> <br/>} <br/> <br/>#tax { <br/> <br/> font-style: italic; <br/> <br/> color: rgb(0, 0, 0); <br/> <br/>} <br/> <br/>#innerbox .container { <br/> <br/> width: 200px; <br/> <br/> height: 103px; <br/> <br/> margin: auto; <br/> <br/> padding:25px 0px; <br/> <br/>} <br/> <br/>h6 { <br/> <br/> margin: 0px; <br/> <br/> text-align: center; <br/> <br/> padding-top: 15px; <br/> <br/> padding-right: 20px; <br/> <br/> padding-bottom: 20px; <br/> <br/> padding-left: 20px; <br/> <br/> font-family: <font color='#2a00ff'>"Open Sans"</font>,sans-serif; <br/> <br/> font-weight: 400; <br/> <br/> color: rgb(107, 107, 107); <br/> <br/>} <br/> <br/>#position { <br/> <br/> width: 170px; <br/> <br/> margin: auto; <br/> <br/>} <br/> <br/>#qty { <br/> <br/> -webkit-border-radius: 5px; <br/> <br/> -moz-border-radius: 5px; <br/> <br/> border-radius: 3px; <br/> <br/>} <br/> <br/>#ppImage { <br/> <br/>padding-top: 20px; <br/> <br/>} <br/> <br/>#accepted { <br/> <br/> padding-top: 3px; <br/> <br/>} <br/> <br/>.moreShipping { <br/> <br/> margin-left:0px; <br/> <br/> font-family:<font color='#2a00ff'>"Open Sans"</font>,sans-serif; <br/> <br/> font-size: 13px; <br/> <br/> position: relative; <br/> <br/> color: rgb(56, 57, 134); <br/> <br/> padding-top: 0px; <br/> <br/> <br/> <br/>} <br/> <br/>.moreShipping ul { <br/> <br/> position: absolute; <br/> <br/> padding-left: 0px; <br/> <br/> margin-left: 0px; <br/> <br/> font-weight:600; <br/> <br/> <br/> <br/>} <br/> <br/>.moreShipping ul li ul { <br/> <br/> position:relative; <br/> <br/> padding-top: 20px; <br/> <br/> background-color: rgb(245, 245, 245); <br/> <br/> border-radius:0px 0px 10px 10px; <br/> <br/> border: 1px solid rgba(187, 185, 185, 0.89); <br/> <br/> box-shadow: -5px 7px 8px rgba(107, 104, 104, 0.27); <br/> <br/> left:0; <br/> <br/> right:0; <br/> <br/>} <br/> <br/>.moreShipping ul li ul li { <br/> <br/> padding-top: 0px; <br/> <br/> padding-bottom: 2px; <br/> <br/> background: transparent; <br/> <br/>} <br/> <br/>.moreShipping ul .clicker { <br/> <br/> position:relative; <br/> <br/> rgb(0, 0, 0); <br/> <br/>} <br/> <br/>.moreShipping ul .clicker:hover,.moreShipping ul .active{ <br/> <br/> color: rgb(56, 57, 134); <br/> <br/>} <br/> <br/>.moreShipping ul li { <br/> <br/> margin-left: 0px; <br/> <br/> cursor:pointer; <br/> <br/> transition:background-color 0.2s ease-in-out; <br/> <br/> -webkit-transition:background-color 0.2s ease-in-out; <br/> <br/> -moz-transition:background-color 0.2s ease-in-out; <br/> <br/> display:block; <br/> <br/> padding:8px 10px 8px 40px; <br/> <br/> background:#FFF; <br/> <br/> color:#333; <br/> <br/> text-decoration:none; <br/> <br/>} <br/> <br/>.moreShipping ul li :hover { <br/> <br/> background:#F2F2F2; <br/> <br/>} <br/> <br/> <br/> <br/><font color='#3f7f5f'>/* Fallbacks */</font> <br/> <br/>.moreShipping .no-js ul {display:none;} <br/> <br/>.moreShipping .no-js:hover ul {display:block;} <br/> <br/> <br/> <br/> <br/> <br/></style> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/><script> <br/> <br/>$(function () { <br/> <br/> $(<font color='#2a00ff'>'.moreShipping > ul'</font>).toggleClass(<font color='#2a00ff'>'no-js js'</font>); <br/> <br/> $(<font color='#2a00ff'>'.moreShipping .js ul'</font>).hide(); <br/> <br/> $(<font color='#2a00ff'>'.moreShipping .js'</font>).click(function(e) { <br/> <br/> $(<font color='#2a00ff'>'.moreShipping .js ul'</font>).slideToggle(200); <br/> <br/> $(<font color='#2a00ff'>'.clicker'</font>).toggleClass(<font color='#2a00ff'>'active'</font>); <br/> <br/> e.stopPropagation(); <br/> <br/> }); <br/> <br/> $(document).click(function() { <br/> <br/> <strong><font color='#7f0055'>if</font></strong> ($(<font color='#2a00ff'>'.moreShipping .js ul'</font>).is(<font color='#2a00ff'>':visible'</font>)) { <br/> <br/> $(<font color='#2a00ff'>'.moreShipping .js ul'</font>, <strong><font color='#7f0055'>this</font></strong>).slideUp(); <br/> <br/> $(<font color='#2a00ff'>'.clicker'</font>).removeClass(<font color='#2a00ff'>'active'</font>); <br/> <br/> } <br/> <br/> }); <br/> <br/>}); <br/> <br/></script><div style='text-align:right;BORDER-TOP: #ccc 1px dashed'><a href="https://www.togotutor.com/code-to-html/java-to-html.php" target="_blank">Code Formatted by ToGoTutor</a></div></div>Forum: Plugins
In reply to: [Contact Form 7] Contact Form gets cut off on MOBILE versionDid you take a look at my site? I have had that same CSS for quite some time and never had an issue. Please advise. Thanks.
Forum: Themes and Templates
In reply to: [Enigma] Why does this shortcode mess up my pageAnyone…
Forum: Themes and Templates
In reply to: [Enigma] "Archives" still shows on MOBILE versionEven with that CSS (above) the ‘Archives is still there in the Mobile version. I have since deleted that CSS code. Please advise for alternate solution.
Forum: Themes and Templates
In reply to: [Enigma] "Archives" still shows on MOBILE versionthanks for the help, but I don’t have a sidebar.php or a footer.php in my Child Theme options.
Any other thoughts…CSS maybe.
Forum: Themes and Templates
In reply to: [Enigma] Change Hover color in navbar menuResolved!
Forum: Themes and Templates
In reply to: [Enigma] Why does this shortcode mess up my pageWhat a fix! That worked GREAT! Thank you! I have been working on that for weeks.
The only issue I have now is that on the MOBILE version the payment box is still there and it kinda blocks the page. Please check it out and let me know what you think.
I would like to replace it with a simplified Paypal button if possible when the screen size changes to a cell phone. Here is the code I would like to use.
<div class="ppcontainer2"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_xclick"> <input type="hidden" name="business" value="2ZF8FQ9RWU4ZS"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="item_name" value="The Socket Roll"> <input type="hidden" name="amount" value="34.99"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="button_subtype" value="services"> <input type="hidden" name="no_note" value="0"> <input type="hidden" name="cn" value="Add special instructions to the seller:"> <input type="hidden" name="no_shipping" value="2"> <input type="hidden" name="weight_unit" value="lbs"> <div id="position"> <label for="qty">Qty.</label> <input type="text" name="quantity" id="qty" size="3" value="1" required> <!-- Button Images --> <div id="ppImage"> <input type="image" src="https://www.paypalobjects.com/webstatic/en_US/i/buttons/buy-logo-medium.png" border="0" name="submit" alt="Buy now with PayPal!"> </div> </div> <div id="accepted"> <input type="image" src=" https://openmerchantaccount.com/img/accepted_payment200x25px.png" alt="Accepted Payment Methods" /> </div> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> </div> <style> .ppcontainer2 { width: 200px; } #position { width: 170px; margin: auto; } #ppImage { padding-top: 20px; } #accepted { padding-top: 3px; } #qty { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 3px; </style>What do you think?
Forum: Themes and Templates
In reply to: [Enigma] How do I center the text in navbarThanks. I made an adjustment to:
.navbar-default .navbar-nav li a { padding: 0px 46px 0px !important; }so the highlighted area is smaller. Appreciate the code and endless help.