Add slogan to branding section

[scott_thomas 0]

Hi! I was hoping someone could help me add a slogan to my branding section. I want to put the text on the right side of the branding section above my social media icons. I tried adding custom CSS from the discussion 11198/move-logo-to-right-and-add-custom-text-to-header/, but it did not work. Any help would be much appreciated since my coding knowledge is very limited. Thanks! Scott Thomas The site url is http://66.147.242.180/~thomasq5/

[bxbmedia 2]

Hi Scott, This is not a problem, but you'll need to add some code to your [u]functions.php[/u] file. It doesn't look like you're using a child theme, so you'll need to use the PageLines Customize Plugin. [url="http://www.pagelines.com/wiki/How_to_Use_the_PageLines_Customize_Plugin"]Click here to read the docs on how to use it[/url] if you need to. Once you know where to put the code, drop this in there: [code]add_action('pagelines_before_branding_icons','add_tagline_to_branding'); function add_tagline_to_branding() { $tagline = 'tagline/slogan/whatever you want to use'; printf('

%s

', $tagline); }[/code] That should do it for the most part. you may need to do some adjustments to it with css to get it aligned the way you want but you can do that using the selector we gave it [b]#branding_tagline[/b].

[scott_thomas 0]

Hi Bxbmedia. Thanks so much for your time and help. I downloaded the Pagelines Customize Plugin and was easily able to insert the php code, which made the tagline appear in my branding section beneath my logo. Any chance you could help me with the custom CSS to move the tagline above my social media icons on the right side of the branding section? I have a CSS inspector for Chrome, but I can't figure out how to make it move the text. Thanks again Scott

[bxbmedia 2]

@scott_thomas - No problem, Chrome is great for working with css, you can make changes and see what happens in real time. You still have to make the changes in your code, but it's a great development tool. A google search may help you learn how to use it for that better than I could explain here. I forgot about the way that the social icons are positioned. I'm going to suggest a slightly different change to the php I gave you: Change the whole line that starts with [u]add_action[/u] to this: [code]add_action('pagelines_inside_top_branding','add_tagline_to_branding');[/code] As for the css: [code]#branding_tagline { float: right; } #branding .icons { position:static; }[/code] Let me know how that works out for you. If you could include @bxbmedia in your reply it will notify me.

[scott_thomas 0]

@bxbmedia thanks so much! Everything worked perfectly. I really appreciate your help on this.

[batman 389]

To change the position social icons You can try add in PageLines > Site Options > Custom Code > CSS Rules [code].icons {position: relative;bottom: 30%; }[/code] You modify ... % as you like Thanks @bxbmedia too I learn with your solution.

[Danny+ 1,327]

Hi Scott, Thanks for informing us that the issue has been resolved, we appreciate it. I have accepted bxbmedia answer.