Jump to content
Sign in to follow this  
create180design

Add newsletter signup by social media icons

Recommended Posts

create180design    1
create180design

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. http://www.wellspringhumanenergy.com/

Share this post


Link to post
Share on other sites
Rob    547
Rob
A hook in the branding area should let you include a graphic, just as I've added a leaderboard ad at http://www.epicurus.com 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).

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
create180design    1
create180design
I would like to give it a try with your help please.

Share this post


Link to post
Share on other sites
illinimatt81    21
illinimatt81
@create180design - what are you using for the 5 boxes below the feature graphic for Dr. Littleton? Just Boxes?

Share this post


Link to post
Share on other sites
create180design    1
create180design
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.

Share this post


Link to post
Share on other sites
catrina    103
catrina
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: http://www.pagelines.com/wiki/Hooks 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?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
create180design    1
create180design
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.

Share this post


Link to post
Share on other sites
catrina    103
catrina
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 [b]pagelines_after_branding_wrap [/b]. 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 [b]newlsetter_signup[/b]. 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

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
create180design    1
create180design
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. [code]// add_action('hook_name','function name'); add_action('pagelines_after_branding_wrap', 'newlsetter_signup'); // function name function newlsetter_signup(){[/code]

Share this post


Link to post
Share on other sites
Rob    547
Rob
Follow the guidance found here: http://www.pagelines.com/forum/discussion/17928/frustrated-need-to-finish-branding-section#Item_5 Just replace the div name with "signup" and replace everything in the spans with your actual newsletter sign up code.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
create180design    1
create180design
OK. So i made the changes and still nothing happens..[code]// add_action('hook_name','function name'); add_action('pagelines_after_branding_wrap', 'newlsetter_signup'); // function name function newlsetter_signup(){ ?>
Rob    547
Rob
These two divs should not be divs, but should be applied as CSS to the signup div:[code]
[/code] They're not closed and neither is your form. You need a somewhere before

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
create180design    1
create180design
i removed the two divs and added just before the

Share this post


Link to post
Share on other sites
Rob    547
Rob
Try moving the before the and see if that helps.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
create180design    1
create180design
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.

Share this post


Link to post
Share on other sites
catrina    103
catrina
You need to move at the end of this: [code]SIGN UP FOR OUR MONTHLY INFORMATIVE NEWSLETTER AND RECEIVE A FREE DOWNLOAD OF XXXXX.[/code] Leave right after: [code][/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Rob    547
Rob
Actually, remove the empty span tags entirely. Both and do nothing. No point in having them there.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
create180design    1
create180design
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. [code]// add_action('hook_name','function name'); add_action('pagelines_after_branding_wrap', 'newlsetter_signup'); // function name function newlsetter_signup(){ ?>

Share this post


Link to post
Share on other sites
create180design    1
create180design
Sorry!!! Just realized I had it in the wrong folder- So I just moved the code to the functions folder for Base Theme and now it works! How can I format it so that the copy is on the right and has a fixed width, say 275px wide? Also can I move it above the branding logo? I tried replacing _after_ to _before_ but that didn't work. Thank you for your patience with me!

Share this post


Link to post
Share on other sites
create180design    1
create180design
Any thoughts on the formatting mentioned above?

Share this post


Link to post
Share on other sites
catrina    103
catrina
How do you want the formatting to be handled? Right now the text box and text are on the same line. Do you want to move the text box and do some other changes with text size, text color, etc.?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
create180design    1
create180design
Ideally, I'd like the text box to be below the text. Text to be left aligned by the width of the text area to be only 275px and located on the right side above the logo of the page. I like the font and color the way it is right now.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×