How to center align text/images in Extra text boxes on Presentation page

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • May 9th, 2013 at 15:19 #6079
    G82

    Hi,

    Im pasting an image into the ‘extra’ text ‘bottom text’ fields and cant get it to center align at all. Tried with HTML but its not affecting anything by the looks. I cant work out how to change it but  Im guessing it may be in the CSS of the theme somewhere??

     

    I’ve done a bit of web design before but its the first time using WordPress- theme is awesome btw keep up the good work 🙂

    May 9th, 2013 at 15:25 #6080
    G82

    I can get the text to center but not the image I’ve inserted (found in a search)

    paste this in custom CSS of Mantra settings

    #frontpage blockquote {text-align:center !important;}

    if that helps anyone

    • This reply was modified 11 years ago by Zed. Reason: fixed formatting
    May 13th, 2013 at 11:12 #6245
    G82

    Thanks for modding the pasted CSS. Thats how to center align the text but it doesnt work for an inserted image. Do i need to just replace the (text) with (image) in the CSS possibly?

    May 17th, 2013 at 12:15 #6506
    Zed
    Cryout Creations mastermind

    That’s where it gets tricky… Images don’t adhere to “text-align: center; “. Images require {margin-left: auto; margin-right: auto; } instead to get centred.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    May 20th, 2013 at 15:57 #6655
    G82

    Thanks for your continued help!

    Where do I add that CSS ?

    I tried it in the custom CSS field (where the text centre CSS from previous post goes) but it doesn’t seem to do anything.  Do I need to edit a theme file or something?

    May 23rd, 2013 at 17:42 #6819
    Zed
    Cryout Creations mastermind

    Sorry, I assumed you’re familiar with CSS. I only gave you the CSS rules which apply to a particular CSS tag.

    This is the complete declaration:

    #frontpage blockquote img
    {margin-left: auto; margin-right: auto; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to center align text/images in Extra text boxes on Presentation page’ is closed to new replies.