Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2479082
Customisation
Closed

Comments

  • Marquinhos100 started the conversation
    July 20, 2020 at 5:59pm

    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.

      

  • Marquinhos100 replied
    July 20, 2020 at 6:06pm

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

  •  2,699
    PenciDesign replied
    July 21, 2020 at 4:22am

    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
    July 21, 2020 at 11:51am

    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.

  •  2,699
    PenciDesign replied
    July 21, 2020 at 3:30pm

    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
    July 22, 2020 at 1:51pm

    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.

  •  2,699
    PenciDesign replied
    July 23, 2020 at 2:46am

    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
    July 29, 2020 at 10:35pm

    Hi, the codes worked fine. Thank you.

  • Marquinhos100 replied
    July 29, 2020 at 11:01pm

    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?

  •  2,699
    PenciDesign replied
    July 30, 2020 at 3:26am

    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