'Category' off title, split menu to one line (& color) & size of featured image

  • Unknown's avatar
    madisonaswart · Member ·

    http://www.theadultinghippie.com
    I need to remove the word ‘category:’ that appears on the title when you click on a menu option [category] but do not want the entire title to dissapear-I only want the word ‘category’ to go away. How do I do this?

    My menu is split up into two lines, how do I get it to be on one line?

    Also-for subcategories on the menu, how do I change the color of the dropdown box that holds these subcategory titles?

    When I click on a post, sometimes my featured image for that post gets zoomed in really big on the left hand side of the screen, making it seem awkward and out of proportion. How do I make it fit the screen?

    Trying to learn how to use CSS Thanks for your help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there,

    I need to remove the word ‘category:’ that appears on the title when you click on a menu option [category] but do not want the entire title to dissapear-I only want the word ‘category’ to go away. How do I do this?

    The WordPress and theme software create the titles for archive, tag and categories pages as a single string of text, so we can’t hide just part of it. We can hide the entire title though with the following CSS. 

    .category .page-title {
    display: none;
}

    My menu is split up into two lines, how do I get it to be on one line?

    This is about the best we can do given the number of menu items you have and the lengths of some of them. The think to realize though, is that even with this change, at a window/screen width of 1125px, the menu is again going to go to two lines.
    .site-branding {
    display: none;
    }
    #site-navigation {
    width: 100%;
    }
    #site-navigation ul li {
    text-transform: none;
    margin-left: 0.8em;
    letter-spacing: inherit;
    }`
    <blockquote>Also-for subcategories on the menu, how do I change the color of the dropdown box that holds these subcategory titles?</blockquote> 

    #site-navigation ul ul li {
    background-color: #5ca454;
}

    <blockquote>When I click on a post, sometimes my featured image for that post gets zoomed in really big on the left hand side of the screen, making it seem awkward and out of proportion. How do I make it fit the screen?</blockquote>
    In Dyad at 961px and wider screens/windows, the image is shown beside the post text content. The image is set to “cover” that entire area so that there isn’t a black band below the image when someone has their browser window set tall. We can make it so the image does not “cover” the entire image area, but as you will see, it will look quite strange. The featured image area really works best with images that do not include people or text in them. 

    .is-singular .entry-media {
    background-color: #fff;
    background-position: 50% 18%;
    background-repeat: no-repeat;
    background-size: contain;
}
  • The topic ‘'Category' off title, split menu to one line (& color) & size of featured image’ is closed to new replies.