Replies to This Discussion

Permalink Reply by E.FM Radio on April 12, 2013 at 7:54pm

Muchos Gracias Jen!

I'll let you know what happens!

*running to correct it* zzzzzzzzzzzZoom!!!!!

• ▶ Reply

Permalink Reply by E.FM Radio on April 12, 2013 at 8:11pm

IT WORKED!

You are my FAVORITE person Jen!!! Hugs to infinity and beyond!

I looked at the CSS specifically for 135px but it was nowhere to be found (for my eyes anyway)...

What do I need to see what YOU see Jen?

Love Love LOVE your generous spirit!!!! Gonna join VIP's when I master the basics!

Gratefully,

Edie

• ▶ Reply

Permalink Reply by JenSocial on April 12, 2013 at 9:07pm

Awesome!

The 135px was in the base template CSS. I use a tool called Firebug, only works with FireFox. It takes a while to master, but couldn't do without it. Google Firebug Tutorials and see what you think.

• ▶ Reply

Permalink Reply by E.FM Radio on April 12, 2013 at 10:01pm

Will do! Firebug sounds exciting. I use Firefox exclusively anyway.

I'll let you know what I think about it. Stay tuned.

• ▶ Reply

Permalink Reply by JenSocial on April 12, 2013 at 10:31pm

It is exciting. I've been using it since it was introduced, quite a few years back. I couldn't write the CSS and design sites without it - - well, not as efficiently.

• ▶ Reply

Permalink Reply by E.FM Radio on April 12, 2013 at 10:08pm

I tweaked it and you are right. My favorite 25px only allowed for one sub-tab, so I distributed the sub-tabs to one per main tab...LOL! I am LOVING it!!!!! Thanks again Jen!

• ▶ Reply

Permalink Reply by JenSocial on April 12, 2013 at 10:32pm

Edie, My pleasure, happy it helped. =)

• ▶ Reply

Permalink Reply by E.FM Radio on April 12, 2013 at 8:19pm

I hope this question isn't redundant. If it is, just point me to the discussion please.

How do I put modules on the pages like in 2.0? Do I just re-create them via content boxes?

I want to put an rss module in but not sure how. Can I insert modules in CSS area?

My brain is going faster than my body with excitement. I feel like a cartoon! LOL!

Thanks Jen!

• ▶ Reply

Permalink Reply by JenSocial on April 12, 2013 at 9:08pm

Edie,

I think you will find this tip quite helpful:

http://jensocial.com/forum/topics/how-to-create-custom-page-and-mak...

Best,

Jen

• ▶ Reply

Permalink Reply by Intl. Starseed Network (ISN) on September 8, 2013 at 11:58pm

Hi I am wondering if there is a way to do three things: 

Blue - One is, is there a way to change the color of the brown ning bar to the green of the background and add a border to the bottom of it?

Orange - is there a way to enlarge the header or something to where the bottom doesn't overlap the green flower thing in my header area

Green - Is there a way to add a background color and border to the navigation?

Thanks Jen for your help...hope you have a good week!

• ▶ Reply

Permalink Reply by Intl. Starseed Network (ISN) on September 9, 2013 at 12:02am

Oh and how the heck do you change the color of the subtabs?...I'm willing to pay if need be, I know I am asking a lot of questions!

• ▶ Reply

Permalink Reply by JenSocial on September 9, 2013 at 1:07am

For total control of your Menu Navigation, it can take a lot of code for any website. So, I wrote it all for your site colors, and you can tweak. Hopefully this will help many other NCs as well. =)

 

 

Ning Menu Navigation CSS:

/* Move the Entire MenuBar */
nav.navbar ul {
   margin-top:15px;
   margin-left:20px;
}
/* Active Menu Tab */
.navbar > ul > li.active {
   background: #333333;
}
.navbar > ul > li.active a {
    color:#ffffff;
}
/* Background Color, Margin and Padding of Main Menu Tabs - 1st Level */
.navbar > ul > li {
   background: #495c49;
   padding: 9px 14px 11px!important;
   margin: 2px 4px 0px 0px;
}
/* Text Color of Menu Tabs */
.navbar > ul > li a {
   color:#ffffff;
}
/* Background Color on Hover for All */
.navbar ul li:hover {
   background: #6d876d;
}
/* Subtab Margin and Background */
ul.xg_subtab li {
   margin-left:-10px;
   margin-top: -2px;
   background:#495c49;
}

Just for your site:

/* More Padding Above/Below Your Module Header */
h2.module-name {
   margin: 25px 0 10px 15px;
}

• ▶ Reply

• ‹ Previous
• 1
• 2
• 3
• 4
• 5
• Next ›
• Page