Small change in Sundance

ateaoscemxs · Member · Aug 26, 2012 at 4:27 pm
Copy link
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.
zandyring · Staff · Aug 27, 2012 at 11:39 am
Copy link
I’m really glad you got this resolved! I’m sorry I left you hanging for awhile. Your site is going to look great!
ateaoscemxs · Member · Aug 27, 2012 at 1:10 pm
Copy link
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?
zandyring · Staff · Aug 27, 2012 at 3:11 pm
Copy link
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.
mariellenitoslawska · Member · Aug 27, 2012 at 6:28 pm
Copy link
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!
mariellenitoslawska · Member · Aug 27, 2012 at 6:29 pm
Copy link
Sorry, url is: http://breakingtheframe.com/
zandyring · Staff · Aug 27, 2012 at 6:52 pm
Copy link
Mariellen, I recommend starting a new thread for this – I’ll be glad to help!
ateaoscemxs · Member · Aug 27, 2012 at 9:29 pm
Copy link
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?
zandyring · Staff · Aug 27, 2012 at 11:42 pm
Copy link
You want to target the h1 tag, so do this in your CSS page:

h1 {color: #0099ff;}

That should change the color for you.
ateaoscemxs · Member · Aug 30, 2012 at 4:46 pm
Copy link
uppss!
Wordpress does notify me by e-mail!
Just saw now your answer!

Yes!
That’s it!
Thank you! ;)
erickboustead · Member · Sep 1, 2012 at 3:10 am
Copy link
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
erickboustead · Member · Sep 1, 2012 at 3:22 am
Copy link
Nevermind, I just changed it in the “theme functions” area and it worked.
ateaoscemxl · Member · Sep 1, 2012 at 8:53 am
Copy link
Ok! ;)
ateaoscemxs · Member · Sep 11, 2012 at 8:06 pm
Copy link
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!
ateaoscemxs · Member · Sep 25, 2012 at 9:58 am
Copy link
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!
designsimply · Member · Sep 29, 2012 at 2:20 pm
Copy link
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;
}
```
ateaoscemxs · Member · Oct 18, 2012 at 11:11 am
Copy link
Thank you designsimply.
That’s ok like that!
I will try to put the legend under the image and centered.
Moreover, is great! :)
ateaoscemxs · Member · Oct 18, 2012 at 12:05 pm
Copy link
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.

No items found.