Homepage Changes

Discussion in 'Andrina WordPress Theme' started by ameliasdandd, Jan 16, 2014.

  1. ameliasdandd

    ameliasdandd New Member

    Joined:
    Oct 29, 2013
    Messages:
    8
    Likes Received:
    0
    Hi,

    How can I change the following:

    1. The Social Media Bar on the top, I am not using it at all can I make it white to disappear?

    2. Can I make my Logo bigger and centered so the my menu bar can go under?

    3. the contact bar in the bottom with my number, email, and time- How can I center align all this information change the color to the bar

    4. How can I change the borders to the slideshow and boxes underneath to a different color so it's not white?

    5. The bottom widgets I would like to change the background color of this too. AND the page titles of every page.

    6. Can I change the text font on everypage?

    Thank you very much.
     
  2. Piyush

    Piyush Support Staff

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

    1. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    ul.social_logos {
    display: none;
    }
    .social-links {
    background-color: white;
    } 
    2. Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.
    It require customization in the header.php file and style.css file to accomplish your second point.

    3. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .index-info .index-info-one, .index-info .index-info-two, .index-info .index-info-three {
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    background-position-x: 25px;
    }
    .index-info .index-info-two {
    padding-left: 25px;
    }
    .index-info {
    background: red;
    } 
    You can adjust the values in code given above as per your requirement.
    And in place of "red" you can put your color or color code.

    4. It is not possible for us to change the border color of slideshow.
    But you can change the border color of slider caption,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #slides .caption {
    border: 1px solid red;
    }
     
    In place of "red" you can put your color or color code.

    5. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .footer {
    background: red;
    } 
    .page_title, h1.single-heading {
    background: red ! important;
    }
    In place of "red" you can put your color or color code.

    6. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    h1 ,h2 ,h3,h4,h5,h6,a,span,p,body,ul,li{
    font-family:symbol ! important;
    } 
    In place of "symbol" you can put your font.
     
  3. ameliasdandd

    ameliasdandd New Member

    Joined:
    Oct 29, 2013
    Messages:
    8
    Likes Received:
    0
    Thank You,

    #5 didn't work for me, I put in the color code #025656 without # symbol and it did not work, why?
     
  4. Piyush

    Piyush Support Staff

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

    Color code do not work without '#' symbol , it is the syntax of color code.
    So use '#' at first place in the color code, it will work fine.
     

Share This Page