Help with 'Rounded' theme

  • Unknown's avatar

    There are a number of things I have spent a while trying to do in the rounded theme. I have the CSS upgrade but am definitely learning as I go.
    1. As most of my posts include recipes I am hoping to add a feature that allows readers to ONLY print the recipe, and not the entire blog post. I have not been able to figure this out…
    2. I would like to add a ‘home’ page tab at the top right like the others that links directly back to the home page.
    3. I would also like to possibly add an image, or image ticker, in the header of the home page
    4. Any suggestions for coding a header (such as the main title header) with varying fonts (such as the H and G in a different font and/or color as the rest).

    Help! Thank you in advance!

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

  • Unknown's avatar

    I’ll quickly answer 2 and then work on the others.

    2. Create a custom menu and on the pages module on that page, click the “show all” button and then select the pages you want to appear at top (including the home link) and add them to your menu, save your menu and then set that menu in the theme locations module in the primary pulldown and then again save.

  • Unknown's avatar

    I have tried that before, but whenever I do this nothing appears. Home is checked and shows up in my menu, but when I save it, the ‘home’ tab doesn’t appear on my site

  • Unknown's avatar

    On a header image, this is a little of a challenge since rounded is a flexible width theme (grab your browser window and widen and narrow it). An image can be put up top, but on narrower monitors the page tabs might overlap it. Also if the browser window is narrower than the header image, then one side of the image is going to be cut off generally although there are a few tricks that can be employed to make this less undesirable.

    If your header image was such that it could be put into the parent #masthead element at the top of the site and then allow the menu tabs and the site title/tagline to float over the image, that makes things a little easier. It would be best to set a maximum width for things instead of having it fully flexible in width.

    The font in the title would require access to the underlying theme files, and we do not have access to those. You could however incorporate what you want into your header image if you wished and then we can hide the normal tagline and title.

  • Unknown's avatar

    You have to select your menu in the “theme locations” module primary dropdown at upper left on the appearance > menu page and then click the save in that module to assign that menu to the primary location (top right).

  • Unknown's avatar

    thank you for the ‘home’ tab suggestion. that worked! I’ll work on number 3 this evening with what you suggested…
    any one have thoughts on 1 and 4?!

  • Unknown's avatar

    actually I think 4 was answered in thesacredpath’s post-thanks again!-now really hoping someone can help with #1 (which I have spent hours researching).
    It seems there are plugins that would take care of it, but since my site is a wordpress.com site, plugins are out of the question. I feel like there should be a way to code it in…

  • Unknown's avatar

    1. As most of my posts include recipes I am hoping to add a feature that allows readers to ONLY print the recipe, and not the entire blog post. I have not been able to figure this out…

    Have you noticed the sharing buttons do include an button for “print this post” and for “email this post”? http://en.support.wordpress.com/sharing/#customize-your-services

  • Unknown's avatar

    i have noticed the ‘print this post’ but the problem is just as I stated…it prints the post. I want it to ONLY print the recipe, not the text of the post that isn’t part of the recipe.

    thesacredpath: so I created an image/blog title that I want to add the way you mentioned above. I saved the image to my regular picture folder, but when I add it under #masthead h1 {
    background:url(‘C:UsersHomeFilesAmyPicturesBlogBlog Header’) #7A6548 no-repeat top left;
    }
    nothing happens…any ideas on what i’m doing wrong and what I can do to fix it?

  • Unknown's avatar

    1. You could also create PDF’s of your recipes, upload them and then provide a link to the recipe so that people could download them.

  • Unknown's avatar

    You have to upload it to the media library on your blog account and then use the URL for that uploaded image. The web can’t reference or call an image off of your computer.

  • Unknown's avatar

    I am sorry this might sound like blogging 101, but how do I an image to my blog account (I have only added images of food in an actual blog post)…thank you very much for your help so far!
    Yeah, i think the pdf thing might be my only work around at this point…

  • Unknown's avatar

    just found the media library.
    let me play around real quick…

  • Unknown's avatar

    ok so i KIND of got it to work, by adding the link as part of the background and doing display:none for the masthead (adding the URL to the masthead section didn’t work).
    but now the words/image is HUGE and behind some of the other items…
    my site

  • Unknown's avatar

    I can’t help because I can’t see what is going on.

  • Unknown's avatar

    At the very least I need the URL of your header image so that I can reproduce all the CSS on your site using Firebug.

  • Unknown's avatar

    thank you for your help. I actually was able to get everything I wanted with your tweak suggestions (though the pdf thing might a bit annoying on my part I think it does the trick).
    any suggestions for how to make the font in the actual post a little larger for the rounded theme? I have tried using content.post and the background.

  • Unknown's avatar

    If you want only the content of the pages and posts to be larger, do this and adjust the percentage font size.

    .storycontent p {
    font-size: 120%;
    }
  • Unknown's avatar

    awesome! thanks!
    you have been a huge help!

  • Unknown's avatar
  • The topic ‘Help with 'Rounded' theme’ is closed to new replies.