Reducing the length of the content area and/or moving the archive.

  • Unknown's avatar

    My homepage was perfect until I started adding pages. Now the distance between the heading and the sub-heading is
    significant. I’d like to close that gap and move “Art Museums of the World” under the heading, followed by “The Perfect Destination for Art Seekers”. How would I put a solid color or photo in the background.

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

  • Unknown's avatar

    Is the blog linked to your name (http://skillseeker.wordpress.com/) the blog you are referring to? I don’t see the “Art Museums,” etc.

  • Unknown's avatar

    Since the site linked to your username does not contain any of the stuff you mention (http://skillseeker.wordpress.com/), I assume you are talking about a different site. We need a link to that site so we can see what you are talking about.

  • Unknown's avatar

    Sorry, try http://artbliss.wordpress.com. Actually, I resolved the length issue by deleting
    the theme’s page menu, which was located at the top of the sidebar. Now, the space between “ArtBliss” and the next sub-heading is respectable. My next challenge is to get “Art Museums of the World” closer to the heading (Artbliss). Also, I never intended to delete the page menu. I just don’t like the way its influences the size of the content area.

  • Unknown's avatar

    You’ve picked an extremely challenging theme as a starting point. Give this a try and see what you think.

    #subhead {
    border-top: medium none;
    }
    
    #subhead blockquote {
    border-top: 1px solid #CCCCCC;
    position: relative;
    top: -150px;
    }
    
    #content {
    position: relative;
    top: -150px;
    }
  • Unknown's avatar

    On the menu, you can create a custom menu and then put the custom menu widget into the sidebar.

    http://en.support.wordpress.com/menus/
    http://en.support.wordpress.com/widgets/custom-menu-widget/

  • Unknown's avatar

    Oops, I forgot one thing.

    #subhead form label {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    }
  • Unknown's avatar

    Hi Guys,
    You recently sent me two pieces of code. Thank you.
    Again, the site is http://artbliss.wordpress.com.
    I’m still learning CSS, but my hunter/gatherer skills are keen. In the mass of code that defines Steira, where do I put it? I’d like to put “Museums Around The World” (H2) directly below the” Artbliss” (H1). “The Perfect Destination for Art Seekers” should
    come out of the “New” section, reduced to H3, and ran below H2. Everything should be centered. Could I put a background image or color in the area behind H1?
    This website is designed to enhance the museum-going experience. The site links
    users to museum websites, Google Maps, Wikipedia, and other resources.
    While functional, the site is kind of clunky. For example, the Google Maps display my
    email address. Do you have any suggestion to make my links more seamless and
    set my brand (Artbliss) on the entire site?

  • Unknown's avatar

    @larrymade, here at wordpress.COM, what you want to do is put into the CSS edit window only the specific changes and only the specific declarations that you are adding or changing. The code I gave you above should be added to the CSS edit window.

    Do NOT paste the entire stylesheet into the CSS editor, that will cause all sorts of problems here at wordpress.com.

  • Unknown's avatar

    @thesacredpath, you are wise and generous. Thank you for the code. Now, I want to
    put this image, which is stored in my Library, behind the heading “Artbliss”, center
    Artbliss (vert. and hor.), and run “Art Museums of the World” directly below and centered.

  • Unknown's avatar

    Oppps, @the sacredpath, the image is VelvetMainBottoms60 0x375.jpg 600x375px

    Sorry

  • Unknown's avatar

    This centers art museums… where it is right now.

    #subhead blockquote p {
    text-align: center;
    }

    This will center Artbliss in the box.

    .wf-active #masthead h1 a {
    padding-left: 88px;
    padding-top: 45px;
    }

    The image will need to be 509px wide by 149px high. Once you create and upload that image to your image library, get the URL of that image and then substitute it in the following between the parentheses and the double quote marks.

    #masthead {
    background: url("URL of image") no-repeat scroll 0 0 transparent;
    height: 148px;
    }
  • The topic ‘Reducing the length of the content area and/or moving the archive.’ is closed to new replies.