How to: Add Graphic to PageLines Branding Section
- Pagelines Framework 2.0 – Change Nav Menu Text Color
- How to: Create Custom Sidebar in Pagelines Framework 2.0
- How to: Custom WordPress Widget CSS Styling in Pagelines Framework 2.0
- How to: Display WooCommerce Product Categories using NextGEN Gallery in Sidebar Widget
- How to: Add Audio Snippets to WooCommerce Product Pages
- How to: Add Graphic to PageLines Branding Section
Goal: Have a graphic in PageLines Branding section and have it aligned with the bottom of the site logo, as well as aligned flush-right.
PageLines Framework v2.1.3
WordPress v 3.3.1
1. Turn off RSS/social media icons:
WP admin -> PageLines -> Settings -> Header And Footer -> UNtick “Display the Blog RSS icon and link?”
2. Functions file: Add this to child theme’s functions.php. (Notice that we’re hooking into “pagelines_before_branding_icons”):
add_action('pagelines_before_branding_icons', 'add_phone_number_');
function add_phone_number_( ) {
?>
<img style="bottom:0;height:73px;position:absolute;right:0;width:223px;" src="http://bpelaw.designparc.com/wp-content/themes/bpelaw/images/phone-number.png" alt="Alt text" title="Title">
<?php
}
3. Upload graphic to: wp-content/themes/bpelaw/images/ folder
4. CSS file: Add the following CSS to allow the new phone number graphic to be on the same horizontal plane as the site’s logo
#branding .mainlogo-link, #branding .mainlogo-img {
display: inline;
}
-
Ian
-
http://www.vodkitchen.com Jon @ vodkitchen
-
Jesse
-
Jesse
-
-
Maggie
-
John
-
http://reidwalley.com Reid Walley
-
Series
- PageLines Framework 2.0 Case Study – BPE Law (6)
- WordPress Child Theme Case Study – 2020 Euro Lens Bath (8)
- WordPress Child Theme Case Study – 2020 Eyes (5)
- WP Twenty Eleven Child theme – Reid Walley (4)
- Pagelines Framework 2.0 – Change Nav Menu Text Color
- How to: Create Custom Sidebar in Pagelines Framework 2.0
- How to: Custom WordPress Widget CSS Styling in Pagelines Framework 2.0
- How to: Display WooCommerce Product Categories using NextGEN Gallery in Sidebar Widget
- How to: Add Audio Snippets to WooCommerce Product Pages
- How to: Add Graphic to PageLines Branding Section
-
Add Widgets (Secondary Sidebar)
This is your Secondary Sidebar. Edit this content that appears here in the widgets panel by adding or removing widgets in the Secondary Sidebar area.
Smashing Magazine- Building The New Financial Times Web App: A Case Study
- Designing CSS Layouts With Flexbox Is As Easy As Pie
- Mobile UX Research: Exploring Ten Fundamental Aspects Of M-Commerce Usability
- Case Study: Typographic Design Patterns And Current Practices (2013 Edition)
- A Beginner's Guide: Migrating A Website To WordPress Is Easier Than You Think

