• Closed
  • Antony Puncher
    Spectator
    June 18, 2015 at 7:30 am #18326

    Hi,

    I have recently had site hacked and have had to rebuild,

    I am struggling to centralise the copy in the copyright bar. I have managed to get the text to center within its own div
    <div>
    <p>random text</p>
    </div>

    but cannot for the life of me remember how to center the copyright text within the bar.

    Please could someone point me to the obvious thing I am missing.

    Many Thanks

    Antony Puncher
    Spectator
    Posts: 14
    June 18, 2015 at 10:02 am #18327

    Also I would like to make the copyright tect spread across the allocated width on the site

    Roman
    Spectator
    Posts: 3147
    June 18, 2015 at 5:32 pm #18332

    try this code:

    <center>
    <p>random text</p>
    </center>

    Antony Puncher
    Spectator
    Posts: 14
    June 18, 2015 at 7:29 pm #18338

    Hi unfortunately that did nothing

    Antony Puncher
    Spectator
    Posts: 14
    June 18, 2015 at 7:31 pm #18339

    Sorry hit send too early,

    This is code within the copyright section in aloe a theme options to clarify,

    Thanks for your hep. Tony

    Denzel Chia
    Moderator
    Posts: 2656
    June 19, 2015 at 6:50 am #18344

    Hi,

    In the Theme Options->Footer->Display Social Icons on Footer of the Page
    You need to disable it.

    Then in your Theme Options->Footer-Copyright Text
    Add the following codes.

    <div style="float:right">
    <p>This is some random text</p>
    </div>

    In the Footer Copyright area, it is actually separated into two divs, one on the left for the copyright text and one on the right for the social icons. If you float your div to the right, it actually gets “stuck” in the middle, and you can use margin right to adjust a little.

    Please see screenshot for results. http://prntscr.com/7ipnvc

    Thanks!
    Denzel

    Antony Puncher
    Spectator
    Posts: 14
    June 19, 2015 at 10:37 am #18349

    ok. so your example works fine

    when I use my code
    <div style="float:right">
    <p>
    <b>YOUR HOME MAY BE REPOSSESSED blahblah </b>
    </p>
    <p>
    <b>There will be a fee for mortgage advice blah blah</b>
    </p>
    <p>
    Registered office blah blah
    </p>
    </div>

    It aligns to the left again.

    I have removed all of the <b> tags and the <p> tags and it still aligns to the left. I simplify it and put it to your code and it works fine..aaargh… hehe gotta love it

    Antony Puncher
    Spectator
    Posts: 14
    June 19, 2015 at 11:06 am #18350

    I have even tried copying and pasting the above code snippet back in and it centralises, but as soon as I put the content back in it left aligns.

    When I check dev view it appears to have places quotation marks around the text after the <p> tag

    Denzel Chia
    Moderator
    Posts: 2656
    June 20, 2015 at 4:12 am #18363

    Hi,

    You can try writing all your HTML without any spacing, or post your website url here with your code and we can take a look.

    Thanks!
    Denzel