Jump to content


Photo
- - - - -

Add newsletter signup by social media icons


  • Please log in to reply
30 replies to this topic

#1 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 14 February 2012 - 08:32 PM

Hi there, Is there any way to get the sign up for our newsletter option directly below the social media icons?? I tried the universal sidebar, but that moved the branding down too much. I was hoping to keep the branding section the same height and place.

Please Login or Register to see this Hidden Content



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 February 2012 - 10:12 PM

A hook in the branding area should let you include a graphic, just as I've added a leaderboard ad at

Please Login or Register to see this Hidden Content

This requires some code customization with a hook and small snippet of CSS. Let us know if you need help with this and if you feel comfortable doing this level of coding (it's actually not much).

#3 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 15 February 2012 - 04:14 PM

I would like to give it a try with your help please.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 February 2012 - 03:37 AM

Are you using PlatformPro + PlatformBase?

#5 illinimatt81

illinimatt81

    Super Member

  • Members

  • 205 posts
  • LocationChicago, IL
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 16 February 2012 - 04:13 AM

@create180design - what are you using for the 5 boxes below the feature graphic for Dr. Littleton? Just Boxes?

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 February 2012 - 04:23 AM

create180design is using boxes

#7 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 16 February 2012 - 02:36 PM

I am using boxes for the 5 images. The transparent line with text is part of the image. I am using platform pro and platform Base.

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 February 2012 - 03:59 AM

You'll need to use a hook to add a newsletter sign-up below the icons. If you're not familiar with what hooks are for, please see this documentation:

Please Login or Register to see this Hidden Content

If you need any assistance with how to create a hook, please let us know. Is the newsletter sign-up generated using an HTML code?

#9 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 17 February 2012 - 12:36 PM

Thanks Catrina. YES I really do need help. I have never set one up before and if you can talk me through it that will be great. I should then be fine for the any in the future. Yes, the newsletter signup in just html code added into a text widget.

#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 February 2012 - 04:42 PM

Since you already know where you want your newsletter sign up to be, it's easy to figure out which hook you want to use (the hook determines where in the page layout your icons will be placed). In this case, the hook you should use is pagelines_after_branding_wrap . The next piece of code you need is a descriptive name for the hook so that you can identify what the hook is for. We'll just use newlsetter_signup.

The entire hook code that you create goes into the functions.php file below where it says you need to add hooks (accessible via Appearance > Editor) in the PlatformBase theme. There's an example of a hook provided in this past topic where I helped someone implement a hook in their header area (they were trying to accomplish something different, but it's the same concept): www.pagelines.com/forum/discussion/12248/replace-search-bar-in-header-with-an-image

#11 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 24 February 2012 - 07:40 PM

OK. I have this so far for the hook. But it doesn't seem to work. In your other post you had some additional text, but I don't know what text is required for mine.

Please Login or Register to see this Hidden Content



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 February 2012 - 08:04 PM

Follow the guidance found here:

Please Login or Register to see this Hidden Content

Just replace the div name with "signup" and replace everything in the spans with your actual newsletter sign up code.

#13 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 24 February 2012 - 08:10 PM

OK. So i made the changes and still nothing happens..

Please Login or Register to see this Hidden Content



#14 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 February 2012 - 08:29 PM

These two divs should not be divs, but should be applied as CSS to the signup div:

Please Login or Register to see this Hidden Content

They're not closed and neither is your form. You need a somewhere before

#15 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 24 February 2012 - 08:59 PM

i removed the two divs and added just before the

#16 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 February 2012 - 10:50 PM

Try moving the before the and see if that helps.

#17 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 24 February 2012 - 10:55 PM

that did not work either :( Could it be that the brand logo is too wide? I did try it without the logo and that didn't make a difference.

#18 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 25 February 2012 - 04:22 PM

You need to move at the end of this:

Please Login or Register to see this Hidden Content


Leave right after:

Please Login or Register to see this Hidden Content



#19 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 February 2012 - 04:26 PM

Actually, remove the empty span tags entirely. Both and do nothing. No point in having them there.

#20 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 25 February 2012 - 04:59 PM

OK. I removed both span tags and had the form right after what Catrina said I should do. Nothing...
Here's what I have for the code- I have this in the base theme stylesheet.

Please Login or Register to see this Hidden Content