Need help? Check out our Support site, then


Text in imbalance 2

  1. awaywiththespoons
    Member

    Hello!

    I am just finishing making a blog, and wanted to change a couple of things. I've already played around with the CSS from previous posts on the forum (thanks they have been v useful!), but I couldn't find any solutions for the following:

    1. I'd like to get rid of the text completely below the thumbnails. I added some CSS so do this, but the title of the post still remains. This is what I have so far:

    .box .texts h1,
    .box .posted,
    .box .categories,
    .box .rel p {
    display: none;
    }

    and I have been trying all sorts of things to try and shift the remaning text, but no luck! Can you help?

    2. I'd like to change the size/style of the main menu text
    3. I'd like to centre the menu text

    Any help much appreciated.

    Thanks! Becca :)

    The blog I need help with is craft-phoria.com.

  2. .box .texts h1,
    .box .posted,
    .box .categories,
    .box .rel p {
    display: none;
    }

  3. awaywiththespoons
    Member

    Hello!

    That is the css I have used (I copied it and posted it above). The problem is that the post title is still visible.

  4. 1. I'd like to get rid of the text completely below the thumbnails.

    Try adding .box h1 to the selector list in your example above.

  5. 2. I'd like to change the size/style of the main menu text

    Here is an example you can start with:

    .menu ul li {
    	background-color:rgba(0,0,0,0.95);
    }
    .menu ul a {
    	color: #eee;
    	font-family: Georgia, sans-serif;
    	font-size: 20px;
    	padding: 10px;
    }
    .menu ul ul {
    	box-shadow: 1px 1px 2px rgba(255,255,255,.15);
    }
    .menu a:hover,
    .menu ul a:hover,
    .menu ul .current_page_item > a,
    .menu ul .current_page_ancestor > a,
    .menu ul .current-menu-item > a,
    .menu ul .current-menu-ancestor > a {
    	color: #f00;
    }

    It uses reversed colors (white on black) and red for the hover, and you should adjust all the color code, font size, and font family values yourself.

    Note that you should learn a bit more about how font stacks work before changing the font family. See http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

  6. 3. I'd like to centre the menu text

    To center the menu, remove this:

    #header-left {
    	width: 700px!important;
    }

    And add this:

    #header-left {
    	width: 100%;
    }
    .menu {
    	text-align: center;
    }
    .menu ul {
    	display: inline-block;
    }

    Note that this example depends on some the other custom CSS you've already added, so other people won't be able to copy and paste this example directly (if they find it later).

  7. awaywiththespoons
    Member

    THANKS!

    so far going well, except the title text is not shifting -I used "box. h1" bit it makes no difference. Do you have any other thoughts?

  8. You added

    .box .h1

    But it needs to be:

    .box .h1

    Every "." counts!

Topic Closed

This topic has been closed to new replies.

About this Topic