Button Options

[Terence Chase]

Two more questions were suggested.

1. Sections > Section 1
As an example, we are using the following:
[services title=”DSS” bold=”Store” icon=”/wp-content/themes/skt-white-pro/images/icon-web-design.png” link=”https://store.defenseintelligence.net/” button_text=”Read More”]Specialty equipment to meet the needs of security and tactical operators.[/services]

Now, it shows the “read more” lit up when you hover the mouse over it. When you put the mouse over the rest of the box, you get a finger highlighting the box and nothing else. A suggestion was given to me that it may be confusing and asked asked if something could be done to turn the entire box into a button.

2. The Slider Button on the Homepage Slider window.
I want to make the slider button a bit smaller. How can I do that?

[Sonnal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Dave

[Terence Chase]

https://fingerprint.defenseintelligence.net/

[Terence Chase]

Should ask now, how would I push the slider button down a little bit as well? I want to space it away from the other content.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#slider .top-bar a.contact, .contact-banner a { font-size:18px !important; margin-top:60px !important; padding:10px 20px !important;}
#services-box { min-height:250px;}
#services-box .read-more { position:absolute; margin:0 auto; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:30px; transition:all 0.5s ease-in-out 0s;}
#services-box:hover .read-more { bottom:40px;}

Regards,
Dave

[Terence Chase]

Better…thanks Dave.

[Terence Chase]

Whoops…not finished yet.

I don’t know if question 1 was answered with your script. The problem once again is that when the mouse icon hovers over the services box, only the “read more” will respond when clicked and not the rest of the box. Is there a way to make each box the same as the “read more”? The comment given to me was that there are some people who may get frustrated when seeing the icon change and waste time clicking on something that doesn’t change.

It does makes sense though. I thought the same thing when I first saw the page. If there is a way to change this, I would love to try it.

[Sonnal S Sinha]

Hi,

I am not sure what you mean by this. Can you may be draw or point out in an image?

You can upload image in imgur.com and share the link here.

Regards,
Dave

[Terence Chase]

The following windows on the first page of the web site:

General Duties

These are services generally found in common with other security agencies.
Read More
Special Operations

These services require more training, certifications, and security clearances.
Read More
Advanced Training

Defense Intelligence Service provides all training for security services.
Read More
DSS Store

Specialty equipment to meet the needs of security and tactical operators.

[Terence Chase]

Each one has “Read More” under it. I want to make the entire box which currently sits in:

Appearance > Theme Options > Sections > Section 1

[Terence Chase]

http://imgur.com/a/8oIsq

[Terence Chase]

You see in the pic, the General Duties box is lit up. Is it possible to turn the entire box into a link?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#services-box {transition: all 0.5s ease-in-out 0s; top:15px;}
#services-box:hover { top:0;}

Regards,
Dave

[Terence Chase]

Nope, that ain’t it.

How about this….if I click on the globe or “General Duties”, it will send me to the same link as “Read More”…

[Terence Chase]

Maybe this will help out more…. everything in each box

http://imgur.com/WgWggw7

[Author]

Posts