Button Options

Home Forums SKT Black/White Theme Support Button Options

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #73902
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

    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?

    #73913
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25334
    • Total: 25334
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #74023
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016
    #74030
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

    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.

    #74068
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25334
    • Total: 25334
    Member since: August 16, 2013

    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

    #74089
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

    Better…thanks Dave.

    #74110
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

    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.

    #74115
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25334
    • Total: 25334
    Member since: August 16, 2013

    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

    #74118
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

    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.

    #74119
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

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

    Appearance > Theme Options > Sections > Section 1

    #74143
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016
    #74144
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

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

    #74145
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25334
    • Total: 25334
    Member since: August 16, 2013

    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

    #74147
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

    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”…

    #74148
    Terence Chase
    Spectator
    • Topics: 8
    • Replies: 59
    • Total: 67
    Member since: January 25, 2016

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

    View post on imgur.com

Viewing 15 posts - 1 through 15 (of 23 total)
  • You must be logged in to reply to this topic.