Couple of changes to Home page

Discussion in 'Andrina WordPress Theme' started by seamonster, Feb 8, 2014.

  1. seamonster

    seamonster New Member

    Joined:
    Apr 19, 2013
    Messages:
    14
    Likes Received:
    1
    Hi there,

    would it be possible for me to make the following small changes to my homepage?

    [​IMG]
     
  2. Piyush

    Piyush Support Staff

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

    1. Go to the header.php file present in your theme directory and paste the code given below in that file as shown in the image given below.

    Code:
    <span class="email"><p style="padding: 0px 10px;float:left;width: 475px;"> Enter your email id here </p></span> 
    [​IMG]

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

    Code:
    .header {
    padding: 0px ;
    }
    .header .logo img {
    margin: 5px 0 5px 0;
    }
    #menu .ddsmoothmenu {
    margin-top: 30px;
    } 
    You can adjust the value of "margin" and "padding" as per your requirement.

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

    Code:
    .full-content {
    margin-top: -40px;
    }
    .feature-content h1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    }
     
    You can adjust the value of "margin" and "padding" as per your requirement.
     
  3. seamonster

    seamonster New Member

    Joined:
    Apr 19, 2013
    Messages:
    14
    Likes Received:
    1
    Thank you so much. That took care of my issue.
    One more quick follow up request;
    Email address is exactly where it needs to be on desktop, but anyway it could be centered on mobile?
    Thank you much
    www.elegantpainting.com
    [​IMG]
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    @media only screen and (max-width: 480px){
    .email {
    text-align: center;
    }
    }
     
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .email {
    text-align: center;
    }
    }
    

    Thanks & Regards
    Gourav Shrivastava
     
  5. seamonster

    seamonster New Member

    Joined:
    Apr 19, 2013
    Messages:
    14
    Likes Received:
    1
    That almost did it.....

    [​IMG]

    [​IMG]
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    The code provided above is working fine, I think it is a cache issue, So please check your website in another browser and clear your device cache.This will solve your issue.

    Thanks & Regards
    Gourav Shrivastava
     
  7. seamonster

    seamonster New Member

    Joined:
    Apr 19, 2013
    Messages:
    14
    Likes Received:
    1
    thanks you clearing the cache and checked from different mobile phones. Problem not solved
    [​IMG]
     
  8. Piyush

    Piyush Support Staff

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

Share This Page