centric pro theme- replace arrow with text

[tom84]

Hi,
I would like to replace the arrow button on the homepage with a text button. Any ideas?
Thank you,
Tom

[Brad Dalton]

Link to your site please.

---

Tutorials for StudioPress Themes.

[tom84]

hi thanks for your reply. It is a local site. But it essentially identical to the stock centric theme.
http://my.studiopress.com/themes/centric/#demo-full

[Tom]

Hi Tom,

The arrow in "Home 1" is declared in the home.js file, line 8.
$(".home-featured .home-widgets-1 .widget:last-child").after('<p class="arrow"><a href="#home-widgets"></a></p>');

You could simply comment-out this line, then adjust the CSS for the widget area as required.

An alternative is to hide the arrow with CSS:

.home-widgets-1 .arrow {
  display: none;
}

In either case you would continue by creating a typical button in the content you place in Home 1.

You can also restyle the arrow, with CSS to make it into a button:

.home-widgets-1 .arrow a:before {
    -webkit-font-smoothing: antialiased;
    color: #000;
    content: "Click " "\f120" " Me";
    font: normal 40px/1 'dashicons';
    height: 40px;
    width: 40px;
}

.home-widgets-1 .arrow a {
    background: #fff;
    border-radius: 3px;
    border: 3px solid #000;
    display: inline-block;
    padding: 13px 10px 15px;
    text-align: center;
    line-height: 1.5;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Brad Dalton]

Did you mean like this?

---

Tutorials for StudioPress Themes.

[Brad Dalton]

Here's the tutorial http://wpsites.net/web-design/modify-centric-pro-theme-replace-scroll-down-arrow-with-text-button/

---

Tutorials for StudioPress Themes.

[tom84]

Hi thanks alot guys. That is exactly what i mean !
-tom

[Brad Dalton]

I also added another option to the post which enables you to add a arrow icon ( Dashicon or SVG) to the button otherwise you can just use the button.

---

Tutorials for StudioPress Themes.

[Author]

Posts