Make the hover Circles a Link instead of read more

Discussion in 'BlackBird WordPress Theme' started by menudesigner, Feb 11, 2013.

  1. menudesigner

    menudesigner New Member

    Joined:
    Jan 19, 2013
    Messages:
    13
    Likes Received:
    0
    How do I make the circles that have the hover effect be the link and remove "Read More"?
    I see the other post regards to this. I think its a bit confusing. Don't have have to paste something into the CSS or when I update theme it will go back to default.

    #2 I removed the search bar from the navigation and I want to center the navigation now. How do I do it?

    Thank you for your kindness.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    For your first issue, unfortunately there isn't a way to do that with our theme unless you custom code something up in the php file.
    After custom coding whenever you update the theme, it will lost all the custom code in the php file from the theme .
    For this Go to the front-page.php file in the theme directory and add the code of anchor href with the image code.
    For example :
    <a href="http://www.google.com"><img src="image url" /></a>
    Inplace of 'http://www.google.com' you can write your website link where you want to redirect.

    for the reference see the image given below
    [​IMG]

    Similarly, add this code of anchor href in the line 193 ,195,210 and 212 of front-page.php file and remove the read-more code as shown in the above image.
     
  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    For this issue please do let us know your website link, so that we can provide you exact solution.
     
  4. menudesigner

    menudesigner New Member

    Joined:
    Jan 19, 2013
    Messages:
    13
    Likes Received:
    0
  5. menudesigner

    menudesigner New Member

    Joined:
    Jan 19, 2013
    Messages:
    13
    Likes Received:
    0
    You are awesome! Circles look so good as a rollover! Now another issue arrises. When removing the "Read More" buttons the type below the circle and above the footer is squished. I saw in a previous post you said
    .footer-wrapper {
    margin-top: 20px;
    }
    It creates a space and shows the background too. Not liking it. Any other suggestions.
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .feature-content .circle-content {
    padding-bottom: 50px;
    }
     

Share This Page