CSS tweaking for Sundance Theme

  • Author
  • #991063


    I’ve designed a WP site here: http://breakingtheframe.com/
    I need to decrease the space between the menu and the start of each page content (from the bottom of the menu to the top of each image on each page). I can’t seem to figure out what CSS code to add to CSS Stylesheet Editor.

    Any help would be much appreciated!

    The blog I need help with is breakingtheframe.com.



    Ok, try this out,

    .site-content {
        margin-top: -60px;

    You can increase or decrease that number to budge it closer or further.
    Hope that helps!


    Hey Zandyring — amazing, thanks so much for your help, it totally worked!!

    There’s three other tweaks I need to make to have this site finished…if you have advice for any of the following, it would also be super appreciated:

    1. I need to make the header image, the main image on each page and the page text the same width (see this page for an example of text: http://breakingtheframe.com/about-the-makers/)

    2. I need to either remove “Home” or at least make it ALL CAPS like the other menu items (should I just remove it?)

    3. I need to remove the footer blog theme info: “Blog at WordPress.com. | Theme: Customized Sundance by Automattic.”

    4. I need to make the credits list on the CREDITS page two columns: http://breakingtheframe.com/credits/

    I also have no idea why I was able to turn off comments on every page but they still appear on the CREDITS page…

    OK that was five things…

    Thanks in advance if you can help!

    And by the way this is Ezra (cinemapolitica.org, artthreat.net and ezrawinton.com) who is building a site for Marielle’s incredible new documentary BREAKING THE FRAME…



    Ok Ezra,

    1. To make your page all one width (I went with the width of the top image)

    .entry-content, .entry-summary {
        width: 791px;

    2. To make all your menu items uppercase, even if you add new ones (fancy!)

    .main-navigation a {
        text-transform: uppercase;

    3. You can’t, that’s a violation of the ToS, and would get Marielle’s blog suspended.

    4. I’m not sure how to make that two columns because the different paragraphs don’t have different classes. Perhaps if you could class the first half of the paragraphs manually and do the same with the second half, you could then float the first half left, and the second half should zip up to the top (or do vice versa and float right on the second half). Little more manual work.

    5 (comments). Go to your page in edit mode. Click on the tab at the verrrrry top of your browser window that says “screen options” (it’ll be kind of below your name/search in the WordPress bar), and choose “discussion” from the check boxes. Scroll down your page to where you now have a discussion area, and uncheck the boxes.

    Good luck!


    Hey Zandyring,

    Thanks for the help. Sorry I forgot about the ToS…of course…
    I’ll do the columns manually, that should work.

    The one thing you didn’t mention was how to get the header to reduce to the same size as the page.



    Also if you have any idea why this code isn’t working to justify all the text in the main body of my pages that would be awesome:

    text-align: justify;}


    text-align: justify;}




    Ok, first the header (sorry for not addressing this!)

    .featured-content img, .site-header img, .entry-content img, {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 791px;

    I would also upload an image for that spot that is 791 px wide, so that you don’t stretch/skew your image.

    To justify the text, use

    .entry-content, .entry-summary {
    text-align: justify;

    You were on the right track – you just needed to target the right class. It’s looking good!


The topic ‘CSS tweaking for Sundance Theme’ is closed to new replies.