images as buttons – CreaboxThemes Support

Tagged: header, image buttons, spotlight

This topic has 3 replies, 2 voices, and was last updated 8 years, 2 months ago by CreaboxThemes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 4, 2015 at 5:13 am #4439

YOVO432
Participant

In the header, it features a text button that comes in two styles. Spotlight1 and spotlight2 offers text button links.

Is there any way that we can have the option of having an image(s).
For example, in the header, I like to have two hyper-linked images – one for the Google Play and another for theApple Store, to where they can download our app, instead of text buttons.

If Spotlight1 and Spotlight2 could also offer the same features, that would be great. However I can live with the text button and have it direct to the Header.

Thank you.

March 4, 2015 at 8:42 am #4440

CreaboxThemes
Keymaster

Hi YOVO432,

do you want anything like this http://bit.ly/1E4XLBj?

Regards

March 9, 2015 at 2:54 am #4443

YOVO432
Participant

That’s what i am wanting! Thank you Creabox.

March 9, 2015 at 8:31 am #4444
CreaboxThemes
Keymaster
Hi,

if you want that, you have to edit the page Header and follow the next steps:
1. Upload the images for the google play and appple store and copy their links.
2. Edit the page Header and delete the buttons
3. Copy the next code (with the image links of the first step) and paste it into the option Text:
```
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin diam nisl, dictum a porttitor eget, lacinia nec purus vivamus imperdiet.

<span>
<a href="#">
<img src="apple_store_image_link_here" />
</a>
<a href="#">
<img src="google_play_image_link_here" />
</a>
</span>
```
4. Go to the page Appearance > Theme Options > Custom Scripts and paste the next code in the option Custom CSS:
```
.intro h3 span{
    display: block;
    margin-top: 30px;
}

.intro h3 span a{
    margin: 0 10px;
}

.intro h3 span a img{
    width: 70px;
}
```
Regards
- This reply was modified 8 years, 2 months ago by CreaboxThemes.
Author

Posts