Widget styling

Discussion in 'Forum Rules' started by danbcheney, Feb 28, 2013.

  1. danbcheney

    danbcheney New Member

    Joined:
    Feb 12, 2013
    Messages:
    13
    Likes Received:
    0
    I need to create some sort of separation between the sidebar widgets. I was thinking a border would work but I can't find where the widgets are modified in style.css.

    Site URL: inform.danielcheney.com

    Help?
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .sidebar {
    border-left: 2px dashed blue;
    }
     
  3. danbcheney

    danbcheney New Member

    Joined:
    Feb 12, 2013
    Messages:
    13
    Likes Received:
    0
    Thank you for your response. The code you posted here separates the entire sidebar from the content. What we need is to separate the individual widget areas within the sidebar. For example, we may have three widgets in the sidebar. The appear to be all one single object. We'd like to create either a border or spacing that will create a visual separation between each of the widgets within the sidebar.

    See the attached image for an example of what we're trying to do.

    Thank you.
     

    Attached Files:

  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .jetpack-image-container {
    background: green;
    }
    This will solve your issue.
     
  5. danbcheney

    danbcheney New Member

    Joined:
    Feb 12, 2013
    Messages:
    13
    Likes Received:
    0
    This worked great! Thank you. What file does the Custom CSS code get saved to?
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    There is a default function of WordPress "Wp_head" used in header.php file is responsible for saving your custom css.
     
  7. danbcheney

    danbcheney New Member

    Joined:
    Feb 12, 2013
    Messages:
    13
    Likes Received:
    0
    That's not good. All of our custom code would get replaced if we ever updated our theme.

    We've tried creating a child theme but your theme didn't allow for it. Is this true?
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Currently this theme is not compatible with childtheme, we are working on this issue and we will resolved this issue in our next updation of this theme in a couple of hours.
     
  9. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    We have resolved the childtheme issue in our latest version of Golden Eagle theme, now it is compatible with child theme.
    Please download the upgade version of Golden Eagle theme from members area, update your theme and then try to create the child theme.
    This will solve your problem.
     

Share This Page