• Resolved just10mninutes

    (@just10mninutes)


    Hi,

    I would like to display only the social Icons how it is displayed under contacts section of Home page, But I do not want to display any Other information just Social Icons in one line.

    Is there a way to do that? Any Short code or something?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author shufflehound

    (@shufflehound)

    Hello,

    At this moment it can be done only from contacts page.
    You can try to hide other elements inside contacts page with CSS and leave only social icons.

    Thread Starter just10mninutes

    (@just10mninutes)

    Thank you for suggestion.
    Below is the CSS I came up with.

    But this will take out other headers as well on other Include Page widget.

    Can I make this just for contact page? I saw in the Include Page widget there is a option to use Custom CSS but can the below be used there, if so could you please help me to integrate this to Contacts Page only?
    I did try just pasting this on the css text area of IncludePage widget but did not work for me ??

    .page-list h3, .page-list h4 {
    display: none;
    }

    .contact-section .contact-subtitle {
    display: none;
    }

    .contact-social-icons {
    font-size: 0;
    margin-top: -110px;
    margin-bottom: -100px;
    }

    Theme Author shufflehound

    (@shufflehound)

    If you have one of the latest theme versions you can use code below for specific page (bold ID should be replaced with page id):

    #page-id-ID .contact-social-icons {
    //
    }

    Thread Starter just10mninutes

    (@just10mninutes)

    My Theme version is
    Version: 1.2.13.2

    My Contacts page id is 90

    I tried this

    #page-id-90 .page-list h3, .page-list h4 {
    display: none;
    }

    I have put this code in my Jetpack css editor, This did not help me :(. Could you please tell me is my version compatible to use this?

    Theme Author shufflehound

    (@shufflehound)

    You should update to latest theme versions available (1.3.3 or 1.3.4).

    Thread Starter just10mninutes

    (@just10mninutes)

    Thank you for the quick response. Is there a way to update theme without loosing the current settings/images?

    Thanks

    Thread Starter just10mninutes

    (@just10mninutes)

    I updated to 1.3.3

    Still no luck ??

    #page-id-90 .page-list h3, .page-list h4 {
    display: none;
    }

    Did not work on only contacts page section of home page. Please help me if you get any solution

    Theme Author shufflehound

    (@shufflehound)

    Can you please give us link to your website, so we can test and tweak this code?

    Thread Starter just10mninutes

    (@just10mninutes)

    Thanks for your suggestion, your code helped me to achieve what I wanted.

    You can mark this as resolved

    #page-id-90 .contact-subtitle,
    #page-id-90 h4 {
    display: none!important;
    }

    #page-id-90 .contact-section {
    margin-top: 0!important;
    padding-top: 0!important;
    border-top: 0px solid #fff!important;
    }
    #page-id-90 .contact-social-icons {
    margin-top:7px;
    }

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to Display Only Social Icons just above the Footer?’ is closed to new replies.