Centering Feature Column Images and Descriptions

Discussion in 'BlackBird WordPress Theme' started by davideld, Jul 17, 2013.

  1. davideld

    davideld New Member

    Joined:
    Jun 13, 2013
    Messages:
    21
    Likes Received:
    0
    Hi,

    My site http://www.dwe-systems.com.au now has four Feature Columns (images and descriptions). I am noticing however that the four columns now of Image and Description are not centered on the Home Page but pushed off to the right. Is there anyway of centering all four sets of Images and Descriptions and keeping the space between evenly spaced?

    Also I notice now that my Slider images on my Home page is now slightly longer than the top Menu bar. Can this be fixed or is this caused by the fact that I am now using a Plug-In WP Slider to add a Slider to each of my pages as I still can't get the Custom Header Plug-In (that you suggested in an earlier Thread) to work. Any ideas?

    Finally how can I change the Font style on the "Top Right Contact Details" as I am using some Google Fonts now across the whole site and I'd like to change these Fonts to the Font set that I am using on the remainder of the site.

    Thanks for your help.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    For your first issue,
    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .feature-content-inner .circle {
    width: 200px;
    height: 150px;
    }
    .feature-content-inner {
    margin-left: 10px;
    }
    .feature-content-inner {
    padding-right: 10px;
    }
    
    For your second issue,
    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .home .flexslider {
    border: none ! important;
    }
    For the "Top Right Contact Details" font issue,
    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .header-info p {
    font-family: symbol;
    }
    Inplace of "symbol" you can put your font.

    This will solve your issue.
     

Share This Page