Sign in to follow this  
Followers 0
mooihoek

Header Text Position

10 posts in this topic

Hi can someone help me move the text ion the homepage near the search button to the left? I want to position the text between the last button and the search area all on one row

http://tinyurl.com/9krpfps


Share this post


Link to post
Share on other sites

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.

Selector: Used to select the page element you want to change (in this case, the page element you want to change is your text).

Attribute: Property that determines what kind of change you want (you’re changing the text position, so the attribute you want to use is the margin property).

To find the selector for the text, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions: http://www.pagelines.com/wiki/Custom_CSS.

For help with the margin attribute, please see these instructions: http://www.w3schools.com/css/css_margin.asp


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

thanks I found some code in the forums which I've used but the text wont stay on the same row, any ideas?


Share this post


Link to post
Share on other sites

You'll need to increase the width of the <DIV> layer the text is in so that it's wide enough to fit the entire line. The width attribute is:

width: #px;[/CODE]

Replace # with the number of pixels.


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

Ok I think the div layer is <div class="icons" style="bottom: -48px; right: px;"> is that right?


Share this post


Link to post
Share on other sites

Im using

add_action('pagelines_branding_icons_start', 'brand_phone');

function brand_phone(){ ?>

<h6 class="phoneRight">Tel 0203777546</h6>

<?php

}

If there a better and more simple way Im keen to find out!


Share this post


Link to post
Share on other sites

You should use a DIV layer instead of a heading tag:

<div class="phoneRight">Tel 0203777546</div>
And then add this CSS to Custom CSS:
div.phoneRight {width: #px;}[/code]

Change # to the DIV layer width.


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

thanks Catrina much appreciated


Share this post


Link to post
Share on other sites

Do you need further assistance with anything else or did the code work?


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

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  
Followers 0