This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Border css

  • Creator
    Topic
  • #6595
    pabsmenorca
    Participant

    I want to change the border property to a light grey, for example http://www.pabloelguapo.com/ if you look at the borders in the floating widgets area and header area.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #6605
    Jason Bobich
    Keymaster

    Hello,

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Example:

    .content_dark .fixed-sidebar .widget, 
    .content_dark .element-columns .widget-area .widget {
    	...
    }

    How the border property works in CSS: http://www.w3schools.com/css/css_border.asp

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

    #6611
    pabsmenorca
    Participant

    Thank you very much for the quick reply and answer, much appreciated.

    #6630
    pabsmenorca
    Participant

    (if anybody is intersted) I just entered the below in the custom css panel and bingo:

    .content_dark .fixed-sidebar .widget,
    .content_dark .element-columns .widget-area .widget {
    border-color: gray;
    border-style: solid;
    background-color:#343434;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.