Return to previous page

Fonts used in Royal Theme - by rhonda225

This topic has 2 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

rhonda225

Participant

November 20, 2015 at 08:29

1. What fonts are used in the Royal Theme? I am also looking for the ones used in the text “Clean and Pixel Perfect Design” on the home page – and the “Premium WordPress Template”.

2. How do you edit the social icons/links in the footer section? I know it has something to do with the “share” but cannot find it anywhere to edit. I found the share section on the sidebar to edit. However, I think that is for the blog section and I don’t plan to have a blog section. Also, I would like to add an instagram icon to match the ones already included. Is there code for that?

3. How to do change the color of the horizontal dividers in the text fields of the revolution slider. I can change the text color and have tried the same thing on the lines/dividers but it does not work.

Please, contact administrator
for this information.

#100480 Copied Theme version: Royal

1 Answer
Eva Kemp

Support staff

November 20, 2015 at 09:32
Hello,

1. We used fonts “Raleway” and “Roboto”.

2. To modify social icons you need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product” in line 1918), to change links you need edit the code, for example for Twitter <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ETHEME_DOMAIN).'" target="_blank"> and replace https://twitter.com/share?url='.$permalink.'&text='.$post_title.' with a link to your Twitter account.

To add Instagram icon you need add this code after line 2010 in the same file:
```
if($instagram == 1) {
$html .= '
<li>
<a href="http://url_to_your_Instagram_page" class="'.$tooltip_class.'" title="'.__('Instagram', ET_DOMAIN).'" target="_blank">
<i class="ico-instagram"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
';
}
```
and

'instagram' => 1 after line 1927.

3. Add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.rev_slider hr {
    background-color: black !important;
}
```
Regards,
Eva Kemp.
#100488 Copied
Viewing 2 results - 1 through 2 (of 2 total)