Forum Replies Created
-
AuthorPosts
-
Hi Josue
Where are you viewing from?
Thanks
Hi
When you say the site is down do you mean the front end or the back end?
Do you get any errors?
Hi
That doesnt work either.
Now nearly all of the Login button is clashing with the Login button.
November 9, 2015 at 3:44 pm in reply to: Make blog posts summary display as single item on mobile #532664Hi
This is resolved.
Thanks
Hi Josue
See private.
Hi
That doesnt work either.
http://screencast.com/t/OzJXFXHG
@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; */ width: 50%; text-align: center; padding-top: 5px; } div table.shop_attributes td p { /* width: 76px; */ width: 50%; 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; }}
November 9, 2015 at 2:17 pm in reply to: Change font color of text in a form before the form is typed in #532582Hi
I hve tried it at the very top of my CSS and it still doesnt work.
Thanks
November 5, 2015 at 5:27 pm in reply to: Change font color of text in a form before the form is typed in #530991Hi
That doesnt appear to work.
Thanks
Hi
That is working now.
Yigit, is our site working where you are?
Thanks
Hi
That doesnt work either.
Hi
Its working fine for me here.
I would prefer it to be percentage to be honest.
Just need to know how to do it
Hi
I have this almost looking correct now on mobile.
The only issue being on the smallest mobile screen it looks fine, but as soon as you increasr the width (e.g. iphone 5s to 6s) the specification table doesnt increase in width. It stays the same width, meaning there is more grey down the right hand side.
It is extremely close now. Just need the table to grow between mobile sizes.
Hi
This has been resolved in another thread.
Thanks
Excellent Ismael – genius!
Hi
Thanks – unfortunately it doesnt work.
It fixes the width of the forgot password input box, but it breaks all other input boxes on a mobile such as Login and Password as they all appear at 200% therefore go off the screen.
Hi
That almost works but not quite.
I wanted it to be Home / Products / SKUTitle
The above just outputs Home /SKUTitle (with no space before the SKU Title.
I was extremely close with my previous code in Functions (which also meant that I didnt have to go through every product and turn on breadcrumbs), the only thing wrong with it was the SKUTitle was appear on a separate line to the You are here …… bit.
I think about 900px wide
Hi Guenni
Thanks for your help that worked perfectly.
Hi
They didnt stack as default which is why I had to implement the code.
This is the code I am using currently which displays everything how I want it to display with the exception of the Lost Password clashing with the Login button.
p.lost_password { position: relative; bottom: -6px; left: 150px; } /* Remember Me */ label.inline { position: relative; bottom: -15px; left: 10px; } label[for="rememberme"] { position: absolute; bottom: 50px; left: 150px; } .woocommerce form.login { padding-bottom: 25px !important; } @media only screen and (max-width: 979px) { .woocommerce form.login { padding-bottom: 0px !important; }} @media only screen and (max-width: 979px) { p.lost_password { bottom: 18px; left: 10px; font-size: 13px; }} @media only screen and (max-width: 414px) { p.lost_password { bottom: 18px; left: 10px; font-size: 11px; }} /* Remember Me */ @media only screen and (max-width: 979px) { label.inline { display: none; visibility: hidden; position: relative; bottom: -50px; left: 6px; }}
Hi
I have tried that but it is not what I am looking for.
I literally want it like this …
We are not using these category pages and dont want users to be able to see them http://dev2.electrixinternational.com/product-category/trunking-systems/flat-lid-trunking-system/
We are using pages for our category pages are we are able to display the products better and add extra text to introduce them.
Therefore, we need our breadcrumbs to look like this
You are here: Home / Products / Flat Lid Trunking | Length
Which is almost what I have by using this code …
add_action( 'woocommerce_before_single_product_summary', 'enfold_customization_woocommerce_extra_text', 1); function enfold_customization_woocommerce_extra_text(){ echo '<p id="breadcrumbs" style="padding-top:0px; padding-bottom:20px;">You are here: <a href="/">Home</a> / <a href="/products">Products</a> / <strong></strong></p>'; wp_title(''); }
The only problem being I want to display the wp_title(”) between the STRONG tags.
I have got it all lined up properly again but now the p.lost_password is clashing with the Login button when responsive…
Hi
Which link are you referring to?
http://dev2.electrixinternational.com/about-electrix/frequently-asked-questions/
<ul class="list"> <li class="list-phone">Order by telephone – Call: +44 (0) 1388 774455</li> <li class="list-email">Send your order by email – Email: <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></li> <li class="list-fax">Fax us your order on company letterhead – Fax: +44 (0) 1388 777359</li> </ul>
CSS
ul.list { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0; list-style-position: outside; width: 100%; padding-bottom: 0; } .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"; /* Important the backslash must be present before the 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: 0; list-style-position: outside; width: 100%; padding-bottom: 0; } .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"; /* Important the backslash must be present before the 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: 0; list-style-position: outside; width: 100%; padding-bottom: 0; } .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"; /* Important the backslash must be present before the 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: 0; list-style-position: outside; width: 100%; padding-bottom: 0; } .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"; /* Important the backslash must be present before the 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: 0; list-style-position: outside; width: 100%; padding-bottom: 0; } .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 */
Hi
This is what I have now …http://screencast.com/t/2rXIykf5
This is a mockup of what I am trying to achieve … http://screencast.com/t/anLbmSD01xU
Thanks
October 22, 2015 at 4:25 pm in reply to: Accordion and Table dont work in WooCommerce 'Product Short Description' #523087Hi
I have managed to fix this issue now.
Thanks
I had to change the font of Reviews H2 as well …
.wc-tab h2 { font-size: 17px!important; font-weight: 200!important; } #top #reviews h2 { letter-spacing: 0.0px; font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; }
Thanks that works. Is that a bug in Enfold?
That fixed the issue with the “Remember Me” clashing with “Login”, but it has messed the rest of the page up alignment wise.
Hi
I have followed those instructions previously but I still don’t see how being able to give a custom css class to a text block containing a bullet list is going to be able to allow me to choose which icons I want per bullet in a UL?
-
AuthorPosts