Small change in Sundance

  • Author
    Posts
  • #988950

    ateaoscemxs
    Member

    After doing an analysis to CSS code of the theme code Sundance, i realized that the code to change the menu pages, is

    .main-navigation ….. {
    ……..
    }

    The code to change the background colour of the menu pages is

    .main-navigation li {
    background: #4ba6fb;
    }

    To change the colour of the letter, is

    .main-navigation li a {
    color:#fff;
    }

    So i put both, like this:

    .main-navigation li a {
    background: #4ba6fb;
    color:#fff;
    }

    And it woks.

    #988952

    zandyring
    Staff

    I’m really glad you got this resolved! I’m sorry I left you hanging for awhile. Your site is going to look great!

    #988954

    ateaoscemxs
    Member

    Thank you!

    But I still want to make other changes that do not realize how.

    Still the menu pages, i want to put it like in Fresh & Clean Theme.
    Like i have now in my test blog:
    http://ateaos100.wordpress.com

    I want that the menu has a shadow between the two shores of the blog.

    When i tryed to do it, if i do

    .main-navigation li a {
    color:#000000;
    background: #4ba6fb;
    }

    only the space occupied by the letters is colored.

    And i want a whole rectangle in entire area.

    How can i do it?

    #988957

    zandyring
    Staff

    First, set your masthead hgroup to this:

    #masthead hgroup {
        background: none repeat scroll 0 0 white;
        margin: 0 0 1.14286em;
        border-bottom: 1px solid grey;
        overflow: hidden;
    }

    Then set your headline to this:

    .wf-active .site-title {
        background: none repeat scroll 0 0 white;
        }

    Then set the regular masthead to this:

    `#masthead {
    background: none repeat scroll center bottom #4BA6FB;
    margin: 0;
    border-bottom: 1px solid grey;
    };

    And see how that looks for you.

    #988969

    Hello,

    I’ve designed a WP site here: http://breakingtheframedotcom.wordpress.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!
    Thanks!

    #988970
    #988972

    zandyring
    Staff

    Mariellen, I recommend starting a new thread for this – I’ll be glad to help!

    #988975

    ateaoscemxs
    Member

    Is not exactly like i want, but i will manipulating the code, and then i say something.

    Another question, please!

    In my principal blog:
    http://ateaoscem.com
    If you click in my calendar, in July, appears the phrase:
    “Arquivos mensais: Julho 2012”
    (monthly archives: july 2012)
    it appears in dark green

    or if you click in one page, like “Contactos”, the title of the pages appears in dark green, too.

    How can i change that colour?

    #988979

    zandyring
    Staff

    You want to target the h1 tag, so do this in your CSS page:

    h1 {color: #0099ff;}

    That should change the color for you.

    #988995

    ateaoscemxs
    Member

    uppss!
    Wordpress does notify me by e-mail!
    Just saw now your answer!

    Yes!
    That’s it!
    Thank you! ;)

    #988999

    Hello,

    I also want to change the entire page except the background to white, but I tried following the instructions above and nothing changed.

    Can you provide more detailed instructions of where to put:

    #page {
    background: none repeat scroll 0 0 white;
    }

    And also what to take out?

    I’m assuming this is in the style.css area correct? (I’m really new to this…)

    Thanks!
    Erick

    #989000

    Nevermind, I just changed it in the “theme functions” area and it worked.

    #989001

    ateaoscemxl
    Member

    Ok! ;)

    #989009

    ateaoscemxs
    Member

    Hi people.

    I want one more change in my blog.

    I want do delete the legend of image of the header.
    If i don’t write legend, the space remains.
    I want the image occupies the whole space.

    How can i do it?

    Thank you!

    #989011

    ateaoscemxs
    Member

    Anyone can help me?

    My blog is ateaoscem.com and i have custom design.

    I want one more change in my blog.

    I want do delete the legend of image of the header.
    If i don’t write legend, the space remains.
    I want the image occupies the whole space.

    How can i do it?

    Thank you!

    #989012

    Note that there is not a way to make the slider images loaded in by the theme larger using CSS only. You could try stretching those images, but it will make most likely the images look distorted.

    You can adjust and rearrange the elements on the page using CSS. Here is an example that hides the featured article title and summaries in the slider and moves the navigation dots into the center below the images:

    .featured-content {
    	width: 100%;
    }
    .featured-content-info {
    	display: none;
    ]
    .flex-control-nav {
    	position: static;
    	width: 100%;
    	text-align: center;
    }
    #989013

    ateaoscemxs
    Member

    Thank you designsimply.
    That’s ok like that!
    I will try to put the legend under the image and centered.
    Moreover, is great! :)

    #989014

    ateaoscemxs
    Member

    In this page of my blog

    http://ateaoscem.com/ofertas-das-visitas

    there are a vertical green line on the left.

    Why it appears, and only in this page?

    How can i delete it?

    Thank you.

The topic ‘Small change in Sundance’ is closed to new replies.