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

Is Links tab from Dashboard missing/disappeared while updating your wordpress? Get an easy solution

Today, while building a new website, I needed to add some Links of a few posts/Blogroll but I noticed that  Links option from WordPress dashboard somehow missing/disappeared. I figure out the differences between new wordpress  3.5 and old wordpress sites. WP developers have removed few lines from functions.php files. I don’t know why?

Links option is good for Blogroll, collecting our blog posts links etc. It is quick hand option while writing a new post because internal linking(your previous post’s link) is good for SEO.

An easy solution to get your Links option back in WordPress:

Add this single line of code in theme’s functions.php file at the very end and enable Links option without any plugin.

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

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

How to make wordpress blog Private? Privacy will Help in personal blog

Do you want to share your pictures with family and friends only? OR do you like to write daily diary? Blogging is a great way to keep your personal stuff online but if you don’t want to share  your personal life with everyone then keep your blog private. You can give access to your friends and family so limited group will read,view your blog. So today;s tutorial is about making your wordpress blog Private with clear visual guide.

[Read more…]

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

Export and import wordpress Data with images tutorial-Export your post,comments etc to new domain

WordPress data is in the form of .xml file. When you move from free wordpress to self-hosted wordpress or move your old domain to a new domain/new host or vice versa, you need to export .xml file that contains your all posts, pages, comments, images etc. While taking backup, you can export this data and save on your computer’s hard drive.

While moving wordpress, first you need to do following steps:

1) Export

2) Import

——————————————————————————————————————–

How to Export WordPress Database?

———————————————————————————————————————–

As I said, this data is in .xml file, you need to download this file on you hard drive. following is a step by step guide to export wordpress data:

  1.  Go to your wordpress dashboard
  2.  On the left side menu, usually before settings, it is button called “Tools”. while taking cursor on “tools”, you will see options like Import, Export.
  3. Hit “Export” and save .xml file on you computer.
  4. Check following image for clear explanation.

———————————————————————————————————————————–

How to Import WordPress Database?

————————————————————————————————————————————-

At your new host/domain, you need to import your old database that contain you all blogpost, pages, images etc in order to maintain your indexed pages/Link juice.

  1.  Go to your wordpress dashboard
  2.  On the left side menu, usually before settings, it is button called “Tools”. while taking cursor on “tools”, you will see options like Import, Export.

Hit “Import” and you will see page as in below image. 

  •    Select last option, if you are importing from WordPress. You can switch blogging platform from blogger, tumbler    etc to wordpress.
  •  It now will suggest you to download WordPress Importer Plugin. Download wordpress importer plugin.
  •  Select .xml file from your computer that we have saved earlier while exporting Database.
  •   You will see your all posts/comments/pages/images at new domain/host.

Isn’t it easy? So if you want to move self-hosted wordpress to free wordpress/blogspot, you can follow same steps. In the past it  was happen to me when I didn’t want to pay money for hosting and simply I closed my blog because that time I didn’t know about this simple export/import things. So if  you stop blogging and don’t want to pay hosting fees, simply export/Import your database to Free blogging platform like Blogger/Wordpress( Weebly doesn’t allow export/import feature)

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

Screenshot guide to Move WordPress Blog to a new domain: How to

Very easy and quick wordpress tutorial with screenshots guide to move self- hosted WordPress blog to a new domain without loosing Link juice. I’ve moved my blog Yahooallinone.com to http://yaio.net with very easy steps.

 Our first concern is always that if we move our blog to a new domain then can we loose Linkjucie(backlinks) or our indexed pages?

 My answer is No, if you move your blog in the following steps;

[Read more…]

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

Submit Your Site/Blog to Bing: Bing Search Engine Submission Guide for WordPress, Blogspot,Weebly

Bing is good search engine and they have developed nice webmaster tool and giving out $50 ad credit for signing up. You can advertise your blog/website on  bing or yahoo with this credit. It is important for webmaster that they get traffic from various search engine. It is possible if you submit your blog to their database. So today we will learn how to get traffic from Bing with step by step guide for various blogging platform such as wordpress, Blogspot or Weebly.

[Read more…]

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

Submit a site/blog to Google Search engine: How to Verify meta tags for bloggers.com, wordpress.com webbly.com and self-hosted wordpress blog

As we know Google is the most accepted search engine in almost all countries, a blogger need to add his/her blog to Google database. Today’s blog tutorial (with screenshots) is “How to submit your blog/website to Google Search Engine and how to verify meta tags for  bloggers.com, wordpress.com webbly.com and self-hosted wordpress blog There is two ways to add your blog to Google. Both ways are free; just spend some time to get more traffic to your blog. I use 2nd way to add my all blogs to Google and that is Google Webmaster Tool.

1) Simply add your blog url/Article url to Google database

[Read more…]

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