Forum Replies Created
-
AuthorPosts
-
Hi
That words on the font size, but it doesnt control the font weight.
Reviews is much bolder.
I have also tried this …
font-weight: 200!important;
but it makes no difference.
Hi
That is added so you should now have access.
Thanks
Hi
I think it is to do with the min-width.
It is extremely close.
Hi
Is that still your IP address and I will inform our hosts.
I have fixed this with the following code:
/************************************************************************************************* ************* Hide the commentator name and the reply option on reviews and comments ************* *************************************************************************************************/ a.comment-reply-link { display: none !important; } cite.comment_author_name { display: none; } cite.author_name.heading { display: none; } .author_name a, .author_name a:hover { display: none; }
October 21, 2015 at 2:50 pm in reply to: Text flickering when sliders move – Safari and Firefox #522333Hi Yigit,
Sadly, this doesn’t seem to have worked. Any other ideas?
Richard
Table code in private
Hi
Is that a UK based IP address?
October 21, 2015 at 9:58 am in reply to: Why is the Reviews H2 text not the same size as the other H2 text? #522221Hi
This is fixed now thanks.
October 21, 2015 at 7:48 am in reply to: Accordion and Table dont work in WooCommerce 'Product Short Description' #522160Hi.
I’m confused. Why would I have to hire a freelancer to fix something that should be working as standard?
Shouldn’t enfold short codes work anywhere on the site?
Please see private
Hi, you can by all means, but I will need to pass your IP address to our hosts.
If it is a UK based IP address then you can access, if not you will need to provide your IP address or use a service like HMA to dive you a UK IP address.
Hi Yigit
That doesnt appear to work.
I appreciate all of the effort you put in. A lot of the things we have asked for are to get things diplaying properly in general and a lot of work has been spent on mobile.
They arent really customisations – they are just making things look better and re-positioning things.
We do try where possible to troubleshoot in house but some things are beyond our knowledge.
Thank you.
Hi
I have tried that but it doesnt work.
Thanks
October 20, 2015 at 1:54 pm in reply to: Why is the Reviews H2 text not the same size as the other H2 text? #521640Hi
That still isnt working for me.
Reviews is still in bold.
Thanks
October 20, 2015 at 12:57 pm in reply to: Product attribute table formatting in tabs on product page #521574That doesnt seem to work …
This is my code for that section at present …
@media only screen and (max-width: 414px) { div table.shop_attributes td { display: initial; position: relative; left: -250px; top: 20px; text-align: center; } div table.shop_attributes th { /* width: 225px; */ min-width: 250px; text-align: center; padding-top: 5px; } div table.shop_attributes td p { /* width: 76px; */ min-width: 250px; text-align: center; padding-bottom: 10px; } table.shop_attributes tr { background: transparent!important; } table.shop_attributes * { max-width: 90%!important; } table.shop_attributes tr:nth-child(even) th { background: white; }} /* General changes */ table.shop_attributes th { border: 1px solid #e2e2e2!important; } @media only screen and (min-width: 414px) { table.shop_attributes td { border: 1px solid #e2e2e2!important; }} table.shop_attributes th { min-width: 200px; } table.shop_attributes * { text-transform: none; letter-spacing: 0.0px; /* text-align: center; */ }
October 20, 2015 at 12:43 pm in reply to: Product attribute table formatting in tabs on product page #521555Hi
That almost fixed it.
The only issue now is the text is either touching the border or actually overlapping it when viewed on a mobile …
http://screencast.com/t/tbpEs45gs
Also on the larger iphone screens (such as the 6+ portrait) the table does not grow in width within the tab so there ends up being a larger grey section down the right of the table. I would have expected the table to grow within the tab.
http://screencast.com/t/m13TnHhj4UkP
- This reply was modified 9 years, 2 months ago by richardelectrix.
October 20, 2015 at 12:36 pm in reply to: Make blog posts summary display as single item on mobile #521551Hi
I have fixed the above.
Back to the blog posts on mobile.
It is working as a single column but ther is a large gap between every other blog post (correct) and the rest are touching each other.
INCORRECT – http://screencast.com/t/eEqn9XzuJjK
CORRECT – http://screencast.com/t/3yWm855PWM
Hi
That doesnt work.
October 20, 2015 at 11:08 am in reply to: Accordion and Table dont work in WooCommerce 'Product Short Description' #521492I can’t paste how it appears as it converts it back to the correct code on here.
http://screencast.com/t/iAJUc1FWlrzU
- This reply was modified 9 years, 2 months ago by richardelectrix.
October 20, 2015 at 11:07 am in reply to: Accordion and Table dont work in WooCommerce 'Product Short Description' #521491[av_toggle title='Support Sizing Guide' tags='']
October 20, 2015 at 11:07 am in reply to: Accordion and Table dont work in WooCommerce 'Product Short Description' #521490Hello
I have tried this code …
[av_toggle title='Support Sizing Guide' tags=''] <h2>Gear Plate Dimensions</h2> <table class="shop_attributes"> <tbody><tr class=""> <th>Material</th> <td><p>316L – V4A – 1.4404* Stainless Steel</p> </td> </tr> <tr class="alt"> <th>Material Finish</th> <td><p>Dull (2B)</p> </td> </tr> <tr class=""> <th>Hole Diameter</th> <td><p>M12</p> </td> </tr> <tr class="alt"> <th>Use Rod Diameter</th> <td><p>M10 or M12</p> </td> </tr> </tbody></table> [/av_toggle]
But as soon as I save the product page, it changes the code to this …
[av_toggle title='Support Sizing Guide' tags='']
and breaks the code again by removing th ‘ and replacing with 'Plus, I want to use the Enfold table shortcode as it works well with responsive.
Hi
Thats what I thought. I have ALB turned on, but I cant figure out how to apply that to my ul list.
<ul class="list"> <li class="list-phone">Phone 12345678</li> <li class="list-email">Email (Email address hidden if logged out) </li> <li class="list-fax">Fax 78945611</li> </ul>
And I have this in my CSS:
/* CT START Tick Box List */ ul.list { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E822"; font-size: 18px; color: #007ab6; } /* CT END Tick Box List */ /* CT START Lock Symbol List */ ul.list-lock { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-lock li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-lock li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E839"; font-size: 18px; color: #007ab6; } /* CT END Lock Symbol List */ /* CT START Phone Symbol List */ ul.list-phone { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-phone li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-phone li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E854"; font-size: 18px; color: #007ab6; } /* CT END Phone Symbol List */ /* CT START Email Symbol List */ ul.list-email { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-email li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-phone li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E805"; font-size: 18px; color: #007ab6; } /* CT END Email Symbol List */ /* CT START Fax Symbol List */ ul.list-fax { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-fax li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-fax li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E886"; font-size: 18px; color: #007ab6; } /* CT END Fax Symbol List */
Incidentally, it is displaying text again instead of the icons.
thanks
Thanks
Hi
There are a few issues …
1) The TR extends beyond the width of the tab, therefore (more noticable on the ALT TR) the white goes to the right edge of the tab instead of leaving an equal border before the edge of the tab (as per the left).
2) The text is touching the border
3) When you make the screen wider, the table doesnt grow in width (it stays at a fixed width).
http://dev2.electrixinternational.com/product/flat-roof-push-button-enclosure-22-5-mm-holes/
Perfect thanks
That works for the logo – perfect.
Its a shame the magnifying glass issue cant be resolved so it displays like a magnifying glass on load.
October 20, 2015 at 10:08 am in reply to: Make blog posts summary display as single item on mobile #521457Thanks
I have looked over the CSS and cant see anything else obvious.
The blogs are now displaying as a single column.
However I can’t figure out why this isnt working
/* CT START Tick Box List */ ul.list { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E822"; font-size: 18px; color: #007ab6; } /* CT END Tick Box List */ /* CT START Lock Symbol List */ ul.list-lock { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-lock li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-lock li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E839"; font-size: 18px; color: #007ab6; } /* CT END Lock Symbol List */ /* CT START Phone Symbol List */ ul.list-phone { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-phone li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-phone li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E854"; font-size: 18px; color: #007ab6; } /* CT END Phone Symbol List */ /* CT START Email Symbol List */ ul.list-email { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-email li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-phone li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E805"; font-size: 18px; color: #007ab6; } /* CT END Email Symbol List */ /* CT START Fax Symbol List */ ul.list-fax { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .list-fax li { list-style-type: none !important; list-style: none !important; position: relative; padding-left: 10px; margin-bottom: 10px; } .list-fax li:before { position: absolute; top: 3px; left: -15px; background-color: #FFFFFF; font-family: 'fontello'; content: "E886"; font-size: 18px; color: #007ab6; } /* CT END Fax Symbol List */
This (ul list) is meant to display the fontello tick box as a bullet.
But instead it is just displaying 822.
http://dev2.electrixinternational.com/products/trunking-systems/flat-lid-trunking-system/
I have fixed the issue and tidied up the mobile view …
/**************************************************************** ************* Add Qty fields to Mobile cart screens ************* ****************************************************************/ @media only screen and (max-width: 767px) { .responsive .shop_table .product-quantity { /* width: 76px; */ display: block; min-width: 50px; text-align: center; padding-bottom: 5px; font-size: 11px; } table div.quantity { width: 50px; } .responsive #top table .product-name { min-width: 190px !important; font-size: 11px; padding-left: 5px; } .responsive table.shop_table.cart td.product-remove { display: none; } .responsive table.shop_table.cart .product-remove { display: none; } /* div table.shop_table td { min-height: 120px; } */ .cart td { border-style: none none none none; } .cart th { border-style: none none none none; } .cart table { border-collapse: inherit; } .responsive #top table .product-name { border-left-style: none; } tr th:first-child, tr td:first-child { border-left-style: none; } tr:first-child th, tr:first-child td { border-top-style: none; } } /* Individual control of the Plus and Minus buttons */ @media only screen and (max-width: 767px) { #top .main_color .quantity input.minus { display: none; } #top .main_color .quantity input.plus { display: none; }}
-
AuthorPosts