Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Shortcode button

Shortcode button
    • 6 years, 11 months ago brnEnvato
      Participant

      Expired

      In the page of the single portfolio, I’m using buttons, with shotcode:

      [shortcode_button type = "gradient" align = "left" target = "_ blank" link = "https://www.palestradellascrittura.it:8181/pdf/centopagine/Due_Orecchie_una_bocca_-_indice__cover.pdf" color = "# ffffff" bg_color_hover = "#ffffff" bordercolor = "# 696763" bordercolor_hover = "# e2001a" icon = "none" font_color = "# 696763" font_color_hover = "# e2001a"] Download the book index [/ shortcode_button]

      visible in the destar column, at the bottom

      https://www.palestradellascrittura.it:8181/centopagine/due-orecchie-una-bocca/

      three questions:

      1. I have indicated as bordercolor_hover = “# e2001a” but it remains of the base color, it does not change, I would like the mouse over to change, become # e2001a like the text;
      2. I wish they had 10px of vertical distance, to have a small distance and not keep them, as now, attacked.
      3. How to get are as wide as the column?

      Thanks a lot and best regards. Bruno

      • This topic was modified 6 years, 11 months ago by brnEnvato.
      • This topic was modified 6 years, 11 months ago by brnEnvato.
    • 6 years, 11 months ago Medrit
      Participant

      Hello,

      1. Add the css code below into Customizing > Additional CSS:

      .button #cl1175392411:hover{
      border-color: #e2001a;
      }

      2. Add the css code below:

      .wpb_content_element.button{
      padding-top: 10px;
      }

      3. Add the css code below:

      .button .gradient{
      width: 210px;
      }

      Let us know.
      Best regards!

    • 6 years, 11 months ago brnEnvato
      Participant

      Expired

      Hello Medrit. Very well for 2 and 3, but not for 1

      .button #cl1175392411:hover{ border-color: #e2001a; }

      the border color on mouse over don’t change, it remains the same

      https://www.palestradellascrittura.it:8181/centopagine/due-orecchie-una-bocca/

      also I use !IMPORTANT

      border-color: #e2001a !important;

      • This reply was modified 6 years, 11 months ago by brnEnvato.
      • This reply was modified 6 years, 11 months ago by brnEnvato.
      • This reply was modified 6 years, 11 months ago by brnEnvato.
    • 6 years, 11 months ago Medrit
      Participant

      Hello,

      Yes you are right. Please add the css code below:

      .button .gradient:hover {
      border-color: #e2001a !important;
      }

      Best regards!

    • 6 years, 11 months ago brnEnvato
      Participant

      Expired

      Yes Medrit, this is good ^__^ Thanks a lot and best regards. Bruno

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password