WordPress.org

Ready to get started?Download WordPress

Forums

Mog
Menu Font Color Change (10 posts)

  1. soder08
    Member
    Posted 8 months ago #

    I am using the Mog theme.

    I have a number of menu titles and i would like to change one to red font to stand out.
    I edit the style.css in the editor but not changes happen.

    I am trying to change "Donate" to red.

    http://amblesideskatepark.com

  2. Aaron "The Monkey" Leal
    Member
    Posted 8 months ago #

    Hi Soder,
    That is so exciting that you are making a step into doing something so special! A redesign and construction is amazing to the public!

    Time for Business! So lets see in Main.css is where you will find the specific change to make.

    You will need to change the original to this line of code:

    <a href="http://amblesideskatepark.com/donate/" style="color: #ff0000;">Donate</a>

  3. soder08
    Member
    Posted 8 months ago #

    This is how the nav is set up right now:

    header nav .menu{
    	font-size: 1.3em;
    	margin: 0 auto;
    	display:table;
    	border-top: 1px solid #AAA;
    	border-bottom: 1px solid #AAA;
    }
    header nav .menu ul{
    	list-style: none;
    	text-align: center;
    	margin: 0;
    }
    header nav .menu ul li{
    	padding: 5px 1em;
    	-moz-transition: background-color 0.3s;
    	-webkit-transition: background-color 0.3s;
    	-o-transition: background-color 0.3s;
    	transition: background-color 0.3s;
    }
    header nav .menu ul li:hover{
    	background-color: #AAA;
    }
    header nav .menu ul a{
    	text-decoration: none;
    	color: #686868;
    }
    header nav .menu ul a:hover{
    	text-decoration: underline;
    	color: #eee;
    }
    .menu-toggle{
    	font-size: 2em;
    	background-color: #AAA;
    }

    Should i be editing the following with your changes?:
    <li class="page_item page-item-647"><a href="http://amblesideskatepark.com/donate/">DONATE</a>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

  4. esmi
    Forum Moderator
    Posted 8 months ago #

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

  5. Aaron "The Monkey" Leal
    Member
    Posted 8 months ago #

    Hi Esmi,
    I apologize for telling him to edit the Themes CSS itself. I forgot about it, I am sorry again.

    Thanks, Aaron.

  6. soder08
    Member
    Posted 8 months ago #

    OK. I have installed Simple Custom CSS plugin.

  7. vijayrajesh
    Member
    Posted 8 months ago #

    Simple Custom CSS plugin may slow the rendering of page. Try alternative methods.

  8. vijayrajesh
    Member
    Posted 8 months ago #

    SCCP uses querystring based css display, IMO.

  9. Aaron "The Monkey" Leal
    Member
    Posted 8 months ago #

    Hi Soder,
    Do you still need the assistance?

  10. Aaron "The Monkey" Leal
    Member
    Posted 8 months ago #

    Hey Soder,

    After Installing the Custom CSS.

    Copy and paste this code into it.

    .page-item-647 a:link, { color: ##FF0000!important; }
    .page-item-647 a:visited  { color: #FF0000!important; }
    .page-item-647 a:hover { color: #FF0000!important; }

    I am sorry for not getting back to you. Also the color is already red and ready to go :-).

    Hope this helps,

    Thanks Aaron.

Reply

You must log in to post.

About this Theme

About this Topic