Support » Theme: Mantra » Three quick CSS Q's for Mantra (advice from other themes not working)

  • Resolved lernest


    There are three changes I want to make to my theme (Mantra) that I have been able to do in other themes, but I’m having trouble with here.

    1) I want to hide the seemingly redundant page title on each page. So the tab says “About the Author” and then the page says it again.

    2) I would like to change the home text in the menu, so it does not say Home and instead says something else…

    3) I’d like to figure out where in the CSS Mantra is controlling the size of the header image, because on some of the images it goes too far on the right and I’d like to control that better.


Viewing 8 replies - 1 through 8 (of 8 total)
  • About the author…

    You can make the page (I’m assuming it is a page and not a post) title and the menu item label different from Dashboard –> Appearance –> Menus.

    If you want to get rid of the page title, as opposed to just making it different, you can do it for all pages—except, perhaps, for the front page—by altering the PHP in whatever file the output is in. Looks as though it’s in page.php:

    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <?php if ( is_front_page() ) { ?>
      <h2 class="entry-title"><?php the_title(); ?></h2>
    <?php } else { ?>
      <h1 class="entry-title"><?php the_title(); ?></h1>
    <?php } ?>
    <div class="entry-content">
    <?php the_content(); ?>
    </div><!-- #post-## -->

    Get rid of the bits of the if() statement you don’t want.

    You should do this in a child theme, of course, if at all possible.



    Home text (menu item label)…

    Dashboard –> Appearance –> Menus

    If you are not using a custom main navigation menu, you will need to create one and add to it the things you want.

    Once you are using a custom menu, open up the entry for Home and change its label to whatever you want.



    Header image size…

    The theme is not controlling the size of the images. That’s why they’re showing at different sizes, I think. They are just showing at whatever size they happen to be.

    They are actually background images and look to be coming from this directory:*.jpg

    I suggest you resize them all to the size you want. Crude, but it should be effective. Keep copies though, just in case.



    Thanks for everything!

    The first two helped. Unfortunately the header image is cropped to be 1100 X 200 no matter what, even though the space below is only about 900. But you helped with the first two so I’m going to mark this as resolved and start over.

    Theme Author CryoutCreations


    The space below is also 1100px, the actual problem is a 20px margin the header has that makes it shift a tad to the right.
    This is fixed in the next version of the theme (v 1.5)
    Plus, for hiding different elements of the the front-end and much more, the theme is equipped with over 40 options in the admin section (Appearance > Mantra Settings). That will make your life with this theme a lot easier.

    @cryout creations
    Hi I’m using your awesomely customisable mantra theme. However I was wondering if there was a way of changing the colour of the links in the sidebar (so it’s different to links that appear in the content)
    I noticed there’s an option for this in the footer in the Mantra settings but not the sidebar, unless I’ve just overlooked it?

    1. Get rid of page titles, page description, post titles… In your dashboard, go to APPEARANCE>MANTRA SETTINGS>GRAPHIC SETTINGS. This menu allows you to disable (and re-enable later) all these things (and more).

    2. As Peredur previously stated, you can adjust your menu titles (and the pages they link to) … In your dashboard, go to APPEARANCE>MENUS and setup/adjust a custom menu.

    3. I don’t have an answer about the header. But I was able to get my header “correct” by changing the page width in the dashboard, APPEARANCE>MANTRA SETTINGS>LAYOUT SETTINGS. In the Content/Sidebar width section, change the dimension use to relative and adjust your columns widths appropriately so that the TOTAL WIDTH is equal to the width of your header. Note that the header HEIGHT can be adjusted in the next section of this menu.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Three quick CSS Q's for Mantra (advice from other themes not working)’ is closed to new replies.