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

Button size issue

button
    • 6 years, 1 month ago nyssa_halim
      Participant

      Hello,

      I’ve experienced so many bugs so far. Hopefully this is the last ones haha

      website is staging.tul.net.au/staging/wordpress

      the “contact us” button at the last slide has a weird size, the height is very tall. I tried changing the size layout from customiser > styling, all it does is changing the width of the button but the height stays the same. this happens to all button across the website including the contact form.

      The same thing also happens to the anchor label in page editor > row setting > anchor label. the label height looks disproportionate in comparison to the width that looks normal

      please help!

      thank you

      nyssa

    • 6 years, 1 month ago Mirela
      Participant

      Hello,

      Please check in the button’s style options that the border is set to 1px or 2px at max. Right now, it has a border width 10px, that’s why it looks wider.

      Or just add this css in your Custom Css box:

      .cl-btn:not(.btn-priority_secondary) {
          border-width: 1px !important;
      }

      Best regards!

    • 6 years, 1 month ago nyssa_halim
      Participant

      I dont think that’s the issue. the button is still very disproportionately tall. please refer to the attached screenshot

      https://www.dropbox.com/s/zrs3x84hxnr3evx/Screenshot%202019-05-31%2023.36.10.png?dl=0

    • 6 years, 1 month ago Mirela
      Participant

      Hello,

      Right! Sorry i was watching a different page of yours. Please add this css:

      .cl-btn-div.cl-element.animate_on_visible.bottom-t-top.start_animation {
          line-height: 4 !important;
      }

      Result: https://ibb.co/Vm22N2C
      The buttons are taking over line-height set up for body element, which is 14. That’s why it was so big.

      Best regards!

    • 6 years, 1 month ago nyssa_halim
      Participant

      Yes! thank you that’s working.

      How about the Anchor Label size for each slide? so the anchor label size for each slide looks like it’s following line height as well. please check screenshot from link below

      https://www.dropbox.com/s/bvmfklrnhuejc09/2019-06-03.png?dl=0

    • 6 years, 1 month ago Mirela
      Participant

      Hello,

      Please add this code as well:

      .cl_slider > .swiper-pagination.cl-dark-pagination .swiper-pagination-bullet {
          line-height: 4 !important;
      }

      Best regards!

Viewing 5 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