WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Landing Pages
[resolved] How remove social icons in minimal responsive theme (11 posts)

  1. tannedcat
    Member
    Posted 1 year ago #

    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/

  2. David Wells
    Member
    Plugin Author

    Posted 1 year ago #

    .css-element { display:none;}

  3. tannedcat
    Member
    Posted 1 year ago #

    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?

  4. tannedcat
    Member
    Posted 1 year ago #

    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! :)

  5. d8tabyte
    Member
    Posted 1 year ago #

    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/

  6. David Wells
    Member
    Plugin Author

    Posted 1 year ago #

    #shareme {display: none !important}

  7. d8tabyte
    Member
    Posted 1 year ago #

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

  8. David Wells
    Member
    Plugin Author

    Posted 1 year ago #

    You need to ID the element and write the CSS.

    what element are you trying to change?

  9. d8tabyte
    Member
    Posted 1 year ago #

    [ 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;
    }
  10. d8tabyte
    Member
    Posted 1 year ago #

    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.

  11. spiritualshifts
    Member
    Posted 7 months ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic