Support » Plugin: WordPress Landing Pages » How remove social icons in minimal responsive theme

  • Resolved tannedcat

    (@tannedcat)


    Love your plugin but still need to learn how to use it effectively!

    First thing I’d like to know is how to remove the social icons from the top right of the minimal responsive theme. I suspect I can just add a line or two to the custom css area of the landing page template in order to remove them but I’m not sure how to do that…can you help me please?

    Thanks in advance!

    http://wordpress.org/extend/plugins/landing-pages/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author David Wells

    (@davidwells)

    .css-element { display:none;}

    Thank you for your response!

    I added this line of code to the “Custom CSS” area of the landing page but the social icons are still being displayed. Is there something I’m missing?

    All good! I looked at the source code and found the element’s name (div.social) and once I added: “div.social { display:none;}” to the custom CSS area, the icons have been removed! Once again, thank you so much for such a great plugin! Keep up the good coding! 🙂

    d8tabyte

    (@d8tabyte)

    I was wondering the same thing – I put the code in the custom CSS section and nothing happened.

    I also need to edit the color of the text in the bottom portion of the template. I adjusted the color picker, and nothing happened.

    http://www.skyrefi.com/go/apply-now-2/

    Plugin Author David Wells

    (@davidwells)

    #shareme {display: none !important}

    d8tabyte

    (@d8tabyte)

    That worked perfect!! Now if I could only get the text to change color.

    Plugin Author David Wells

    (@davidwells)

    You need to ID the element and write the CSS.

    what element are you trying to change?

    d8tabyte

    (@d8tabyte)

    [ Moderator note: please wrap code in backticks or use the code button. ]

    body {
    	background: #fff;
    	color: #2c2c2c;
    	font-size: 1.15em; /* 12px */
    	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	line-height: 1.6;
    }
    
    to 
    
    body {
    	background: #fff;
    	color: #FFF;
    	font-size: 1.15em; /* 12px */
    	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	line-height: 1.6;
    }
    
    and 
    
    header a {
    	color: #2c2c2c;
    	text-decoration: none;
    	font-weight: bold;
    	margin-right: 10px;
    }
    
    to
    
    header a {
    	color: #FFF;
    	text-decoration: none;
    	font-weight: bold;
    	margin-right: 10px;
    }
    
    and
    
    .share h2 {
    	padding-top: 37px;
    	margin: 0px;
    	color: #222729;
    	font-size: 2.285em;
    	font-family: 'Open Sans', sans-serif;
    }
    
    to 
    
    .share h2 {
    	padding-top: 37px;
    	margin: 0px;
    	color: #FFF;
    	font-size: 2.285em;
    	font-family: 'Open Sans', sans-serif;
    }
    d8tabyte

    (@d8tabyte)

    Nevermind, I’m an idiot and I literally looked right past the solution.

    All fixed lol thank you – I just needed to put what I wanted it to be in the custom CSS box. For some reason it wasn’t taking.

    I am so happy to find this discussion. I don’t know anything about CSS or coding and it took me so long to get to where I Want on my site that I don’t want to screw anything up!

    How do I remove all my social icons from my pages (with the exception of one page: ‘letters healing poverty’ but not from my posts under blog?

    I appreciate any and all help!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How remove social icons in minimal responsive theme’ is closed to new replies.