Menu Font Color Change (10 posts)

  1. soder08
    Posted 2 years 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.


  2. Aaron "The Monkey" Leal
    Posted 2 years 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
    Posted 2 years ago #

    This is how the nav is set up right now:

    header nav .menu{
    	font-size: 1.3em;
    	margin: 0 auto;
    	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;
    	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 2 years 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
    Posted 2 years 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
    Posted 2 years ago #

    OK. I have installed Simple Custom CSS plugin.

  7. vijayrajesh
    Posted 2 years ago #

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

  8. vijayrajesh
    Posted 2 years ago #

    SCCP uses querystring based css display, IMO.

  9. Aaron "The Monkey" Leal
    Posted 2 years ago #

    Hi Soder,
    Do you still need the assistance?

  10. Aaron "The Monkey" Leal
    Posted 2 years 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic