Creating invisible pages and positioning sidebar widgets

  • Author
  • #745172


    Hello all,

    I’ve been looking over the net, but I’m stuck in figuring out two things with my blog, and any help would be greatly appreciated.

    1) In the ‘Podcasts’ page I would like to archive some of the text so that when a person would click a link it would open a new invisible page with the text. This page however I don’t want to be visible on the navigation menu.

    2) I also want to position only the image widgets on the sidebar to be more tightly aligned: three on the top, and three right under those. Any ideas on how to do this?

    Thanks again! :)

    The blog I need help with is


    1. Use pagination.

    2. Are you talking about the facebook, twitter, etc., icons in the sidebar? If so, instead of using the image widget, code up your own in a text widget. Put all three icons you want grouped into a single widget and then do the same for the other three. You can then use inline CSS to position them in the text widget as you desire.



    Thank you so much for all of your help!

    I had two more questions that I hope you might be able to help me out with.

    I’m trying to use the more tag on some of my older posts such as the one below, but for some reason it doesn’t seem to work. Do you have any idea why this might be?

    Also, I wanted to use the Typekit fonts, but no changes seem to appear. Any ideas?

    Thanks again for all your help. :)


    The more tag will only show up on the main posts pages. It does not show when you visit the actual post permalink page that you have referenced above.

    To break a post on the permalink page you would again have to use the pagination.

    Typekit fonts, in my experience, sometimes take a little bit to show up right at the start. I see that the typekit stuff is in the markup on your site which means it is definitely active, but I do not see any indication that you have assigned any fonts.

    Take a look at this support document on custom fonts.



    Thank you so very much! You’ve been an incredible help!

    I have one last question and was wondering if you might know. I’m having trouble tweaking the hover color and the visited color of the links for the main navigation and submenus – and also the color of the submenus themselves. Might you know?

    Thanks so much.


    See how far this gets you. You might have to add the ” !important ” attribute to the ones that do not have it so that it overrides the existing.

    Font color in menu:

    #nav li a:hover, #wrapper #nav li ul a:hover {
    color: #AA1A00 !important;

    Background color of menu items:

    #nav li a:hover {
    background-color: #F7F7F7;

    “Current page item background color:

    #nav ul li.current_page_item > a, #nav ul li.current_page_parent > a, #nav ul li.current_page_ancestor > a, #nav ul li.current-cat > a, #nav ul li.current-menu-ancestor > a, #nav ul li.current-menu-item > a {
    background: #222222;

The topic ‘Creating invisible pages and positioning sidebar widgets’ is closed to new replies.