Get Access to All Templates € 49.- Grab Offer →

Arrow up
Arrow down
×
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

file textarea border color

6 years 4 months ago #1337 by DE
textarea border color was created by DE
Hi,

I am using blue version of Joom! template. In this version all textareas in forms have white border color - they change color only when active/focus.

To change this I added the following styles to custom.css:
.uk-form textarea{
	    border: 1px solid #cccccc!important;}

It doesn't work at all. Can you please inform me how to customize the css for form items styling?

Would be grateful for help,
thanks


  • Posts: 9

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    6 years 4 months ago - 6 years 4 months ago #1342 by __Mike__
    Replied by __Mike__ on topic textarea border color
    Hello,

    If you want to customize template as you want (textareas) and don´t know the css class, please use Firefox with the Firebug extension. Here you can analyze every CSS style for customizing the template CSS.

    Docs


    WebKomp, Support

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Last edit: 6 years 4 months ago by __Mike__.

    Please Log in to join the conversation.

    6 years 4 months ago #1353 by DE
    Replied by DE on topic textarea border color
    Hi,

    Thanks for reply but it is not very helpful unfortunately.
    I worked with firebug, tried to change the styling in custome.css (e.g. .uk-form input:not([type])) but with no success. I was playing with borders, opacity etc., nothing works.

    This is a simple question - HOW to change styling of the input fields and textareas????????????
    I am sure it is obvious for you, so please could you write here styling that I should place in custome.css file.

    I want ALL textareas and all input fileds to be visible (to have borders).

    Thanks


  • Posts: 9

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    6 years 4 months ago #1355 by __Mike__
    Replied by __Mike__ on topic textarea border color
    You can add the following to a styles/YOUR_STYLE/css/custom.css .
    .uk-form select,
    .uk-form textarea,
    .uk-form input:not([type]),
    .uk-form input[type="text"],
    .uk-form input[type="password"],
    .uk-form input[type="datetime"],
    .uk-form input[type="datetime-local"],
    .uk-form input[type="date"],
    .uk-form input[type="month"],
    .uk-form input[type="time"],
    .uk-form input[type="week"],
    .uk-form input[type="number"],
    .uk-form input[type="email"],
    .uk-form input[type="url"],
    .uk-form input[type="search"],
    .uk-form input[type="tel"],
    .uk-form input[type="color"] {
    border: 1px solid #cccccc!important;
    }

    WebKomp, Support

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    6 years 4 months ago - 6 years 4 months ago #1359 by DE
    Replied by DE on topic textarea border color
    I started with this, it doesn't work. What is totally strange by the way, I changed it in custome.css and in theme.css, none of them worked.
    I found a way around if anyone needs it.
    So basically the classes for forms are something like this (writing class as tags for illustrative purpose, most of them are divs):
    <.control-group>  
    		<.control-label>  
    			here goes description of input etc.,
    		</.control-label>  
    		<.controls>  
    			here are input, select and text area
    		</.controls>
    	
    	</.control-group>

    So to change the styling you have to play with these styles:
    .control-group input,
    .control-group textarea{
    	border: 1px solid #cccccc !important;
    	}

    Trying to change any styling for forms in this template with .uk-form is a waste of time.


  • Posts: 9

  • Gender: Unknown
  • Birthdate: Unknown
  • Last edit: 6 years 4 months ago by DE.

    Please Log in to join the conversation.

    6 years 4 months ago - 6 years 4 months ago #1360 by __Mike__
    Replied by __Mike__ on topic textarea border color
    Could you share your url?. If no please do a screenshot of your problem and annotate to make it clear.





    WebKomp, Support

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Attachments:
    Last edit: 6 years 4 months ago by __Mike__.

    Please Log in to join the conversation.

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.