Easy way to change hyperlink colors in Genesis framework

In our genesis framework tutorial series, here is a step by step guide to change link colors in the child theme with very few changes in the stylesheet.

Many Genesis themes give you color style selection inbuilt but serenity, lifestyle themes, News child themes and other studiopress themes don’t give any of this options.

Step by step guide to change link color in Genesis framework child themes:

  1. From your left sidebar menu of the wordpress dashboard, go to “Appearance”.
  2. Select last option “Editor”
  3. In your right hand side you can see
  4. go to the last edit option: style.css
  5. By pressing CTRL+F, search for “Hyperlink”. Same as seen in the image below. You can see visited color: #8B0000; ..and hoover color#. Change it according to your wish. You can find color number HERE
  6. Genesis hyperlinks change tutorial
  7. You can change Navbar link by searching  “#nav li a” and
    “#nav li li a, #nav li li a:link, #nav li li a:visited ” and change color#. It will help you to change navbar link color and navigation dropdown links color.
  8. To change sub nav bar (subnavigation bar) link search for”#subnav li a” and
    “subnav li li a, #subnav li li a:link, #subnav li li a:visited ” and change the color.
  9. Nav.li is homelinks. Nac.li li is dropdown links of the navigation bar. Same as in subnav.li is subnavigation bar links and subnav.li li is dropdown links of the sunavigation bar links.
  10. To change sidebar links, search for “#sidebar li a,” code and change color: #
  11. You can change Website’s title links directly from the “Appearance”

New genesis framework themes have different code for links:

For hexadecimal code (#000000; etc)..menu-primary li a,

.menu-primary li a:active,
.menu-primary li a:hover {
color: #000;
}.menu-secondary li a,
.menu-secondary li a:active,
.menu-secondary li a:hover {
color: #000;

Check our other genesis tutorials:

  1. Change genesis footer links with simple edits plugin.
  2. Change genesis footer links with Simple hook plugin.
  3. Genesis theme option disappeared from dashboard? get solution.

Isn’t it fun to learn how to customize your website and make it catchy with this tutorials.

Stay tuned for my next tutorial about how to change fonts size in genesis and other wp themes.

 

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

Easy way to change genesis default footer link to your desired link with Simple edit plugin

You must be looking for how to remove footer links in genesis Or how to change footer links? This pictorial tutorial will help you to remove Genesis footer links with genesis simple edit plugin.

Easy tutorial to remove genesis framework footer:

  1. Download and activate Genesis simple edits plugin.
  2. From the left sidebar menu, go to “Genesis”
  3. Select simple Edits. Same as shown in the image below.
  4. In the “Footer Credit Text” box, add your html links.
  5. Click on “Save Settings”.hurrah! you are done.
  6. You can edit/remove genesis wordpress footer links with simple hook plugin too. Check my previous post .
Genesis remove footer links

Genesis remove footer links

 Simple edits plugin will help you to remove/edit post info about author, date, comments etc in the Genesis Framework.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

How to remove Genesis credit links from footer with simple hook plugin

By default Genesis themes have Genesis and Optimal theme credits(Links) in the  footer . You need to change it to your website/blog  link with a copyright mark/your company’s credit or you can add affiliate links. In WordPress themes, there is a footer.php in the “Appearance-Editor option” and you have to change it there. It seems to be technical but in the premium Genesis theme, it is very easy with Genesis Simple hook plugin or Genesis Simple edits for a beginner genesis user. Genesis child themes are one of the best wp themes which are used as commercial WordPress themes too.

Pictorial  and step by step genesis tutorial to  Change/Edit a  footer credit link in Genesis Theme Framework with Genesis simple hooks Plugin:

  1.  Download and activate Genesis simple hooks plugin.
  2. From your left sidebar Genesis Menu, go to “Simple Hooks”
  3. Last 2nd option is genesis_footer  Hook or use  Ctrl + F to search for the genesis_footer hook as seen in the  image.
  4. Check on   Unhook genesis_do_footer() function from this hook?
  5. Add your credits/affiliate html links in the rectangle box as seen in the image. I have added Copyright @ <a href=”http://yaio.net”>Yeah!All In One</a>
  6. Save On Changes.

Following is an image of default footer of Genesis framework

  Following image shows how to change genesis theme credit to your own credit

Remove/Edit Genesis footer link - Genesis tutorial

 

I HOPE THIS SOLUTION WILL HELP YOU TO remove Genesis credit links from footer  and add copyright links etc to make your web page more professional.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

Genesis theme option disappeared from dashboard?

When I updated my genesis framework 1.9.1, from the left side Genesis(G) menu that includes the theme settings, the SEO settings, import/export, README and plugin and the simple hook settings were disappeared. I was frustrated because the simple hook is very important plugin for the genesis framework. I have got following error too

Fatal error: Class ‘Genesis_Admin_Boxes’ not found in >>Your Doc Root<</wp-content/plugins/genesis-simple-hooks/admin.php on line 13

But don’t worry, because I have found  a very simple solution, which may save you a lot of time, just like it did for me.

What steps should be done to over ruled this problem?

  1. Deactivate all the plugins
  2. From the left side menu of the WordPress dashboard, go to the  Users tab
  3. Select “your profile”
  4. Scroll down the page and you can see

    User Permissions

    Genesis Admin Menus  
     
     

    Usually there are no check marks in all 3 options, you have to check all the options and click on “Update Profile”

Now you can see “Genesis Options” same as seen in the following image.


    I HOPE THIS SOLUTION WILL HELP YOU TO GET YOUR GENESIS MENU BACK.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner