Customisation | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

You can check guide here to know how to setup AMP for your site:

http://soledad.pencidesign.com/soledad-document/#amp

By default, here is the way AMP works:

When someone on tablet or mobile search a keywords on Google > Google return the search results > if your site appears on search results and support for AMP > the users click on your page > AMP page will loads.

It's different with direct access to your site URL on mobile.

Best Regards,

PenciDesign

Marquinhos100 replied

6 years ago

Customer Reply

AMP - how does it work the plugin? What I need to do? Just install and activate or there need to be done some set up? Will my mobile site look change or it will be same as the desktop?

Marquinhos100 replied

6 years ago

Customer Reply

Hi, the codes worked fine. Thank you.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

.penci-sidebar-content .widget #searchform > div { text-align: center; }
.penci-sidebar-content .widget #searchform input.search-input{ display: inline-block; margin-bottom: 0; }
.penci-sidebar-content .mc4wp-form{ margin-left: auto; margin-right: auto; }

Best Regards,

PenciDesign

Marquinhos100 replied

6 years ago

Customer Reply

Thank you it worked fine.

I have one more question. Can I have search box and sign-up form on widget side bar centred? On tablet view doesn't look good being align to left side.

Many thanks.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Ahh, sorry, please replace the code I sent to this code to do that:

.footer-instagram h4.footer-instagram-title{ overflow: hidden; padding-top: 0; border-top: none; padding-bottom: 25px; }
.footer-instagram h4.footer-instagram-title > span{ padding: 0 12px; position: relative; }
.footer-instagram h4.footer-instagram-title > span:before, 
.footer-instagram h4.footer-instagram-title > span:after {
    position: absolute;
    content: "";
    width: 1200px;
    height: 0;
    top: 50%;
    left: 100%;
    border: none;
    border-bottom: 1px solid #dedede;
    z-index: 1;
    opacity: 0.5;
}
.footer-instagram h4.footer-instagram-title > span:before{ left: auto; right: 100%; }
.footer-instagram h4.footer-instagram-title span.title{ color: #6eb48c; }

Best Regards,

PenciDesign

Marquinhos100 replied

6 years ago

Customer Reply

Thank you for you help, everything worked fine beside one thing on Instagram footer there is missing the line on the left side of the title. Could you send me the code for putting the line in there?

Many thanks.

PenciDesign replied

6 years ago

Staff Reply

Hi,

1/ By default, the Instagram doesn't support for this style. But, you can try add more this code to Customize > Custom CSS to do that:

.footer-instagram h4.footer-instagram-title{ overflow: hidden; padding-top: 0; border-top: none; padding-bottom: 25px; }
.footer-instagram h4.footer-instagram-title > span{ padding: 0 12px; position: relative; }
.footer-instagram h4.footer-instagram-title > span:before, 
.footer-instagram h4.footer-instagram-title > span:after {
    position: absolute;
    content: "";
    width: 1200px;
    height: 0;
    top: 50%;
    left: 100%;
    border: none;
    border-bottom: 1px solid #dedede;
    z-index: 1;
    opacity: 0.5;
}
.footer-instagram h4.footer-instagram-title span.title{ color: #6eb48c; }

2/ Please go to Customize > Colors for Footer Sign-Up Form > on "SignUp Form Submit Hover Text Color" > change it to another color and change it back to White color > and save it & check it again.

3/ If you want to do that, you need to use Elementor to config the homepage - not use Customize.

You can check this guide to know how to config homepage by use Elementor.

Best Regards,

PenciDesign

Marquinhos100 replied

6 years ago

Customer Reply

3. Is it possible to add title above future slider? Screenshot attached for reference.

Marquinhos100 started the conversation

6 years ago

Conversation Start

1.How do I change text size and color for instagram footer widget to match my other titles? I have attached screenshot for reference.

2. In the footer sign-up form text hover color on the button not changing color to white. In preview of customisation it does change but when I leave customisation panel it doesn't work.