Text in imbalance 2

  • Author
    Posts
  • #1250991

    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.

    #1251126

    itvibiz
    Member

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

    #1251163

    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.

    #1251200

    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.

    #1251203

    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/

    #1251204

    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).

    #1251274

    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?

    #1251283

    You added

    .box .h1

    But it needs to be:

    .box .h1

    Every “.” counts!

The topic ‘Text in imbalance 2’ is closed to new replies.