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.
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 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.
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.
Paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS Code: .feature-content .circle-content { padding-bottom: 50px; }