Jump to content


Photo
- - - - -

Header Google connect

header login google connect

Best Answer Rob , 30 August 2013 - 05:21 AM

@sakkthi subramaniyam  Here's what you do.

1. Download, install, activate and read the instructions for Shortcode Exec PHP.  This will let you convert the PHP snippet to a shortcode.

2. Go to Dashboard > PageLines > Drag & Drop and add the Universal Sidebar Widget to the header in the vertical order where you want it.

3. Go to Shortcode Exec PHP and make the shortcode.  Copy it when created.

4. Go to Dashboard > Appearance > Widgets and add a Text Widget to the Universal Sideabar Widget and paste the shortcode.  Save the widget.

 

View the site. Inspect it, and set custom code to align things where you want them.

Go to the full post


  • Please log in to reply
8 replies to this topic

#1 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 28 August 2013 - 05:20 PM

Hi,

 

I am winding up my science blog. Facing some difficulties in adding google login icon in header..

 

Tried many customization discussed here. I couldn't implement one 

 

Tried adding in header.php it collapsed the site.

 

Could you please help me in adding this code to header opposite to branding.Using social login Plugin

 

I have a custom template and the plugin is not displayed correctly

The plugin uses predefined hooks. If your theme does not support these hooks, you can add the Social Login form manually to your theme by inserting the following code in your template (at the location where it should be displayed, i.e. above the comments).

<?php do_action('oa_social_login'); ?>

 

Where I have to add this code

 

Yup I know this forum is not for discussing third party plugins.

But hoping you guys will sort this out.

 

Thanks,

sakkthi



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 28 August 2013 - 06:11 PM

Hi Sakkthi

 

Have you added this to the header html box in the custom scripts panel of the DMS control bar and tested?

 

Please Login or Register to see this Hidden Content



#3 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 28 August 2013 - 06:21 PM

Hi Sakkthi

 

Have you added this to the header html box in the custom scripts panel of the DMS control bar and tested?

 

Please Login or Register to see this Hidden Content

 

Bro Using Pagelines Framework version 2.4.4

 

Also added that code in header scripts in site option still not working

Thanks,

sakkthi


Edited by sakkthi subramaniyam, 28 August 2013 - 06:22 PM.


#4 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 29 August 2013 - 11:20 AM

Hi,

 

Added login box using universal side bar under header. 

 

.section-sb_universal .widget {
    float: left;
    overflow: visible;
    width: 25%;
}
 
Now How can i distribute the widgets evenly in the universal siderbar under header.
 

Please Login or Register to see this Hidden Content

 
Please suggest some way.


#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 16342 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 29 August 2013 - 11:49 AM

You will want to use custom CSS, I recommend you use Chomes web dev tools and inspect the widget area and have a play with the CSS.

 

Please be aware we do not provide CSS support, if you want CSS support I recommend you ask these questions in a CSS forum.



#6 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 29 August 2013 - 02:03 PM

Anyway, Nice Reply Danny.

I'll try.

 

Anyone has suggestions?



#7 Rob

Rob

    One Smart Egg

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

Posted 30 August 2013 - 05:21 AM   Best Answer

@

Please Login or Register to see this Hidden Content

  Here's what you do.

1. Download, install, activate and read the instructions for Shortcode Exec PHP.  This will let you convert the PHP snippet to a shortcode.

2. Go to Dashboard > PageLines > Drag & Drop and add the Universal Sidebar Widget to the header in the vertical order where you want it.

3. Go to Shortcode Exec PHP and make the shortcode.  Copy it when created.

4. Go to Dashboard > Appearance > Widgets and add a Text Widget to the Universal Sideabar Widget and paste the shortcode.  Save the widget.

 

View the site. Inspect it, and set custom code to align things where you want them.



#8 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 31 August 2013 - 06:13 PM

Thousands of Thanks, Rob

 

Looks good in desktops but universal sidebar is merged one over another in mobile view.

 

Thanks\

sakkthi



#9 Rob

Rob

    One Smart Egg

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

Posted 01 September 2013 - 12:57 AM

Sakkthi, you can probably adjust that with Browser Specific CSS.







Also tagged with one or more of these keywords: header, login, google connect