Help with inner page layout

Discussion in 'Local Business WordPress Theme' started by tpsarkis, Jan 2, 2013.

Thread Status:
Not open for further replies.
  1. tpsarkis

    tpsarkis Member

    Joined:
    Oct 18, 2012
    Messages:
    55
    Likes Received:
    0
    Hi
    I set up the theme at http://brightonsmiles.net but if you take a look at the inner pages, there is a white space at the same level as the page title.
    What I'd like to do is to add some logos in that area to fill it up.
    I'll upload an image to make it clearer.
    The page1 image is the current site I need to add the logo images to and the page2 image are the logos I want to add all in one line if possible.

    Does anyone know if this can be done and how to do it?

    Thanks page1.jpg page2.jpg





     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Open page.php and add code given below as shown in image.
    Code:
    <a href="your link address"><img src="your image address"></a>
    Code:
    .page-title img {
    padding-left: 200px;
    }
    Adjust padding-left according to your requirement.

    [​IMG]
     
  3. tpsarkis

    tpsarkis Member

    Joined:
    Oct 18, 2012
    Messages:
    55
    Likes Received:
    0
    Hi Nitesh

    This is the code I see in my page.php file:
    <h1 class="page-title"><?php the_title(); ?>

    Do you mean I add
    <img src="your image address"> after the code above and close with </h1>

    It's just an image with no link.

    Secondly, the other code you gae me, where exactly does that go. Do I put it anywhere in the page.php ?

    PLease confirm.

    Thanks
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Add
    Code:
    <a href="your link address"><img src="your image address"></a>
    in between
    <h1 class="page-title"><?php the_title(); ?>
    and
    </h1>

    After that paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .page-title img {
    padding-left: 200px;
    }
    Adjust padding-left according to your requirement.
     
  5. tpsarkis

    tpsarkis Member

    Joined:
    Oct 18, 2012
    Messages:
    55
    Likes Received:
    0
    Hi Nitesh
    It works but there is still a problem
    The alignment changes with every page I check.
    Take a look and see http://brightonsmiles.net inner pages.
     
  6. tpsarkis

    tpsarkis Member

    Joined:
    Oct 18, 2012
    Messages:
    55
    Likes Received:
    0
    Update........
    I managed to finally get it to work correctly by using the align "right" html tag within the img source code.

    It now works great.:)

    Thanks for all the help Nitesh.
     
Thread Status:
Not open for further replies.

Share This Page