Docs

[venya]

Hello Themeco,
I have several more formatting questions/issues, and hope you can help.

1. Homepage. At the very bottom just before the footer menu, I have a grey horizontal line. I can’t figure out how to remove this.

2. I have a button with an icon and text on several pages. I’m having trouble changing the font type. I think I have the right selectors as I’m I am able to change color,size etc. Could the font be causing confusions, as its using fontawesome?

Here is a page with the button (“Switch to excerpt view”)
http://www.bennyfromtheblock.com/presentations/

@media (max-width:979px){
.vkbutton {
font-family: ‘Lato’,’Helvetica Neue’,’Helvetica’, sans-serif;
margin-bottom:12px!important;font-size:13px!important;text-align:center;background:#1E73BE;}
}

3. Revolution Slider:
I’m having an issue with the rev slider in mobile view.
a. How do I select a portion of the large background image to be used for mobile, and tablet?

b. Also having issues with Mobile Landscape.
I found the 4 buttons to customizer Desktop/laptop/tablet/mobile versions of the slider, but they’re all in portrait mode. Am I missing something? Is there a way to format the pages for landscape?
A page that looks fine on ipad mini landscape , is all messed up for iphone 6 landscape..

4. I updated to latest paypal express version and it messed up two things.
a. In cart page, how do I position the yellow paypal button directly under (and same width) as the “Proceed to Checkout” button?
b. In checkout page, there is a squished paypal logo image. How do I replace that image with with this one?

http://www.bennyfromtheblock.com/wp-content/uploads/2016/06/paypalcclogosnew.png

5. In the mailchimp extension (in side bar and home page) How do I translate the button text (“subscribe”)?

6. I’ve noticed that cornerstone Fade effect is incredibly slow on mobile. In particular is section 6 on home page. I have to wait on the mobile page for 1-3 seconds for anyting to appear, giving the illusion that the page is blank or broken.

Thank you!

[venya]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please add following code in Customize -> Custom -> CSS :

.entry-content.content br:last-of-type {
display: none;
}`

#2 Update your code to :

<a href="/multimedia-category/presentations/" class="vkbutton x-btn x-btn-flat x-btn-pill x-btn-mini"><i class="x-icon x-icon-th-list" data-x-icon="" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;Switch to except view</a>

#3

a) Parallax is enabled and you can’t change background position as it breaks parallax functionality.

b) Please provide us with screen shots.

#4

a)

.woo_pp_cart_buttons_div span {
    margin: 0 auto;
    float: none !important;
    text-align: center;
}

Find this code and change bottom margin to smaller value :

.woocommerce .wc-proceed-to-checkout {
  margin: 50px 0 140px!important;
  position: relative;
}

b) add following code in <strong>Customize -> Custom -> JavaScript</strong> :

jQuery(".woocommerce-checkout label[for='payment_method_ppec_paypal'] img").attr("src","http://www.bennyfromtheblock.com/wp-content/uploads/2016/06/paypalcclogosnew.png");

Find this code and remove width property :

/* CHECKOUT paypal cc logos +++  5/16 CHECK MOBILE  Just in Case*/
.woocommerce-account .checkout .payment_methods label img, .woocommerce-account .form-edit-address .payment_methods label img, 
.woocommerce-checkout .checkout .payment_methods label img, .woocommerce-checkout .form-edit-address .payment_methods label img {
padding-bottom:55px;display:inline;
width:25%;float:left!important;
  margin-right:30px;margin-top:8px;
  }

#5 Another JS code :

jQuery(".x-subscribe-form input.submit").attr("value","custom text");

#6 Please change offset to smaller value like 200px.

Hope it helps.

[venya]

This reply has been marked as private.

[venya]

Hi guys,

Ran into a few more issues while putting the final touches on my site.

#7
All of a sudden line breaks in headlines/type texts that previously worked great are gone! This causes many problems.

Here’s an example. The top of this page used to be on 3 lines, now its all flowing together!

http://www.bennyfromtheblock.com/contact/

#8. I’ve been using poedit and fuctions.php to translate nearly all of the terms on my website. I’m having trouble with the following involving woocommerce.

When adding an item to cart:
“…has been added to your cart.” “View cart”

and removing from cart:
“removed. Undo?”

I found a previous post about this issue on the forum and followed the direction but didn’t work for me…

Thank you for the help!

[venya]

#7 I was able to break those lines using <br></br>
Previous it worked with just <br> or </br>…strange that it just suddenly stopped working.
Is <br></br> the preferred method to break lines?

Sorry for the multiple posts… working hard to finish our site!
Thanks.

[Friech]

Hi There,

<br /> tag still works with the custom headline element. Maybe a 3rd party plugin is causing this not to work. Please do a testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

[venya]

Hello,
Thanks for your answer. I posted an extra questions yesterday, and have not received a reply to my earlier one. Wanted to ask again, in case this thread was marked as complete. My questions are in this thread in post is #1063730.

Thank you.

[Christopher]

Hi there,

#2 Please implement the code in one of your pages and provide us with its URL.

#4a Update previous code to :

.woo_pp_cart_buttons_div span {
    margin: 0px auto !important;
    float: none !important;
    text-align: center !important;
    display: block;
}

#4b Please rename your image to ‘pp-acceptance-small’, connect to FTP and navigate to https://www.paypalobjects.com/webstatic/en_US/i/buttons/pp-acceptance-small.png and upload your image here.

#5 Please add this :

jQuery("html[lang=ru-RU] .x-subscribe-form input.submit").attr("value","custom text");

Hope it helps.

[venya]

This reply has been marked as private.

[Rad]

Hi there,

#2. Try this one,

jQuery(function($){
$('<i class="x-icon x-icon-th-list" data-x-icon="" aria-hidden="true"></i>   Switch to excerpt view').insertAfter( $('.page-id-2995 .h-landmark') );});

#4a Please change this CSS

.woocommerce .wc-proceed-to-checkout {
  margin: 50px 0 140px!important;
  position: relative;
}

to this,

.woocommerce .wc-proceed-to-checkout {
    margin: 50px 0 10px!important;
    position: relative;
}

And add this too,

.paypal-button.paypal-style-checkout.paypal-size-medium {
    max-width: 100% !important;
    width: auto;
}

Aligning the text to the left will make it look bad since the button is on center. How about just hiding the checkout text? It’s meant to be hidden from the original button or just fix it like this,

.paypal-button-content > span {
margin: 0px !important;
}

How about sending a mockup screenshot of what should be done?

#4b Sorry for the confusion, it’s not possible. The image is hosted in PayPal server.

Thanks!

[venya]

Hello,
Thanks for that.

4b I’m still having trouble restoring the paypal/credit card logos on my checkout page that I previously had there.

A few days ago instead of the multi-credit card png (see attached), I had a simple paypal rectangle image. Now even that’s gone too.

#5. How do I remove the magnifying glass from the woocommerce product search in the sidebar?

#6 I just noticed today that my product list pages, which appears as they should in firefox/chrome (4 columns) is only displaying in 2 columns in internet explorer. Is there anything that can be done about that?

Thank you.

[venya]

This reply has been marked as private.

[Rue Nel]

Hello Again,

Thanks for the updates!

#4b] That maybe because you have installed WooCommerce paypal express. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

#5] To remove the magnifying glass from the woocommerce product search, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.form-search:before, 
.widget_product_search form:before {
    display: none;
}

#6] Since you have installed a caching plugin WordFence, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

I would also recommend that your Internet Explorer’s browser cache before testing your site again.

[venya]

Hello,

Thanks for your help.

#6 I cleared all caches both in browser and the site. My product list pages are still in 2 columns, while on firefox and chrome they’re in 4 columns (as I want). Tested with different computers and same result.

Also having some issues with my cart.

A. In product list page and product single – when adding an item to the cart, there’s a message on top “…added to cart”. and “Go to cart” Clicking go to cart takes me to the home page, not the cart.

B. Updating Cart is broken. When updating a quantity of product in cart and clicking update cart, it takes me to the cart page, but only the page title is visible – the rest of the page it blank. When I reload the page, everything is there, and the updated quantity is correct…

Thank you.

[Author]

Posts