Convert floating navigation menu to right align list menu

winbiblecoach · Member · Jul 16, 2013 at 7:38 am
Copy link

Add topic to favorites
I would like to right align my homepage navigation menu.

Please view wipoutreach.wordpress.com

Thanks

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Jul 17, 2013 at 1:52 pm
Copy link
I checked your blog by right clicking on one of the menu items and selecting the “Inspect Element” option. Here is the CSS that came up, it uses “inline-block” to make the menu items appear inline instead of as stacked:
```
.main-navigation li {
	display: inline-block;
	position: relative;
}
```
You can reverse that in the custom CSS by using able like this:
```
.main-navigation li {
	display: block;
}
```
To learn more about CSS display options, check out the examples at the bottom of this page:
http://quirksmode.org/css/css2/display.html
winbiblecoach · Member · Jul 17, 2013 at 3:47 pm
Copy link
OH THANK YOU_after at least 6 attempts with various codes. Finally, and I love it. Thanks a bunch.
designsimply · Member · Jul 17, 2013 at 3:49 pm
Copy link
Nice work to try to figure it out!!! You’re going to be a CSS expert soon!
winbiblecoach · Member · Jul 17, 2013 at 3:51 pm
Copy link
Now can my custom Header width be increased just a bit more
winbiblecoach · Member · Jul 17, 2013 at 4:05 pm
Copy link
I’m still stuck with the issue of changing my Post Title default colors:
See notes below

a:hover {color: gold !important;}_ does change the Post Title but renders a warning for the use of important.

.entry-title a {color: gold;}_only affects my Slider Captions rather than the Post Title. I need the Post Title to be more readable.

.sub-menu li {text-align: right;}_ does not make any changes to the navigation menu at all.
designsimply · Member · Jul 17, 2013 at 8:43 pm
Copy link
In general, it’s best to keep questions about separate stuff in separate threads (makes it easier to search for later and it’s better for back-and-forth conversations if that’s needed).

This time, we can look at the header and colors issues here. :)

Now can my custom Header width be increased just a bit more

This example will increase the header width by 100px from 960px to 1060px in the Superhero theme:
```
#masthead {
	width: 1060px;
}
```
designsimply · Member · Jul 17, 2013 at 9:19 pm
Copy link
I’m still stuck with the issue of changing my Post Title default colors

It helps a lot to include a sample URL. Here is your latest post for reference:
http://wipoutreach.wordpress.com/2013/07/09/living-out-loud-for-jesus/

The title text in the example link is, “LIVING OUT LOUD FOR JESUS.”

To change the title color and hover color on single posts like the one linked above, add this to the bottom of your Appearance → Themes → Customize → CSS panel:
```
h1.entry-title,
h2.entry-title {
	color: hotpink;
}
.hentry:hover .entry-title {
	color: yellow;
}
```
Change the color name to a color code of your choice:
http://0to255.com/
designsimply · Member · Jul 17, 2013 at 9:19 pm
Copy link
.sub-menu li {text-align: right;}_ does not make any changes to the navigation menu at all.

Do you still need that even?
winbiblecoach · Member · Jul 18, 2013 at 4:25 am
Copy link
You’re great. I’m happy with how my sight looks. I only have i problem remaining. The code below only works single post, but my Homepage Post previews Titles do not change with that code. I’m checking my CSS, but I’m not certain which code applies to my Intro to Postings Titles.
h1.entry-title,
h2.entry-title {
color: hotpink;}
designsimply · Member · Jul 18, 2013 at 3:34 pm
Copy link
Would you mind please not double posting questions like this? It makes more work and it makes searching back through old replies harder!

Please see https://en.forums.wordpress.com/topic/change-my-post-title-and-hover-text-default-colors?replies=17#post-1353117

No items found.