Docs

[JulieBDB]

Hello,

Apologies in advance, I’m a wp beginner.
1 have a few questions regarding the sidebars,
1/ I want to create 2 different sidebars for 2 pages. I created 2 in Appearance> Sidebar. How come I can’t find all the wisest from there. How do I assign one sidebar to a specific page?

2/ How can I add social icons in a sidebar. I tried to use this in a text widget but it’s not saving. When I check on the page, I only see the widget title not the icons
<div class=”x-social-global”>
<i class=”x-icon-facebook-square”></i>
<i class=”x-icon-twitter-square”></i>
<i class=”x-icon-instagram”></i>
<i class=”x-icon-pinterest-square”></i>
</div>

3/ I would like to add a newsletter registration field (I have already created it through Mailchimp with the API) in the sidebar, how should I proceed? When I select ‘newsletter’, I can’t find my newsletter

4/ How can I add a picture in a sidebar?

Sorry about the long list of questions

Many thanks in a advance
Kind regards,

Julie

[Paul R]

Hi Julie,

1. You can assign sidebars under Appearance > Sidebars

http://screencast.com/t/IwRsAapoMk

2. You can use share shortcode inside a text widget

http://theme.co/x/demo/integrity/1/shortcodes/entry-share/

3. I am not sure about this, would you mind providing us your wordpress admin login in private reply.

4. You can use image shortcode inside a text widget

http://theme.co/x/demo/integrity/1/shortcodes/images/

Hope that helps.

[JulieBDB]

This reply has been marked as private.

[Jade]

Hi Julie,

Please try to set the Page Template to Layout – Content Left, Sidebar Right.

widet

To add social media links to the sidebar, add a Text widget and insert this code to the widget:

<div class="x-social-global">
    <a href="#" class="facebook" title="Facebook" target="_blank">
        <i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i>
    </a>
    <a href="#" class="twitter" title="Twitter" target="_blank">
        <i class="x-icon-twitter-square" data-x-icon="" aria-hidden="true"></i>
    </a>
    <a href="#" class="linkedin" title="LinkedIn" target="_blank">
        <i class="x-icon-linkedin-square" data-x-icon="" aria-hidden="true"></i>
    </a>
    <a href="#" class="instagram" title="Instagram" target="_blank">
        <i class="x-icon-instagram" data-x-icon="" aria-hidden="true"></i>
    </a>
</div>

Please change the value of href attributes to the correct social pages.

Hope this helps.

[JulieBDB]

This reply has been marked as private.

[Christopher]

Hi there,

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

.textwidget .x-social-global a {
    color: #000;
font-size: 25px;
}

If you want to display social icons side by side, update your code in text widget to:

<div class="x-social-global">
    <a href="https://www.facebook.com/LadyPlans" class="facebook" title="Facebook" target="_blank">
        <i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://twitter.com/LadyPlans" class="twitter" title="Twitter" target="_blank">
        <i class="x-icon-twitter-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://www.instagram.com/ladyplans/" class="instagram" title="Instagram" target="_blank">
        <i class="x-icon-instagram" data-x-icon="" aria-hidden="true"></i></a>
</div>

Hope it helps.

[JulieBDB]

Hi,

Thanks for your reply.
I copy-pasted the code in the related text widgets but The ‘Stay connected’ sections on both NewHP and Blog sidebars still appear empty on the pages.
Could you please have a look?

Many thanks in a advance

Kind regards,
Julie

[Paul R]

Hi Julie,

It’s actually there but its color is white making it invisible.

You can add this under Custom > CSS in the Customizer.

.x-sidebar .x-social-global a {
       color: hsla(0,0%,0%,0.6);
       margin-right: 10px;
       font-size: 30px; 
}

Hope that helps

[Author]

Posts