Centering main logo

Discussion in 'GeoCraft WordPress Theme' started by leosherlock, Jan 12, 2015.

Thread Status:
Not open for further replies.
  1. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Hi there,

    Can you give me custom CSS that will center the main logo rather than have it appear on the left.
    Thank you
     

    Attached Files:

  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi leosherlock,

    Please paste the code given below in custom css.
    (Appearance->Theme Options->Styling Options->Custom Css) of your dashboard.

    Code:
    .logo a img {
    float: right !important;
    }
    Thanks
    Praveen
     
  3. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Hi Praveen,

    This did not work? I placed the code in my custom CSS, but the main logo is still on the left. I wish to remove the "Add listing" div on the right altogether and just place the logo in the center?
    Thank you!
    Leo
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Leo,

    Please provide us your website wordpress dashboard login details at [email protected].

    Thanks,
    Praveen
     
  5. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Leo,

    We have resolved your issue.
    Please have a look at your website.

    Thanks,
    Praveen
     
  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Leo,

    We have only used some customized css.
    The code are given below.

    Code:
     
    .header_wrapper .logo_wrapper .logo img {
    max-width: 500px;
    margin-right: -11%;
    max-height: auto;
    }
    @media only screen and (max-width: 960px) and (min-width: 767px){
    .header_wrapper .header_btn {
    clear: both;
    }
    .header_wrapper .logo_wrapper .logo img {
    margin-right: -42%;
    }
    .header_wrapper .header .post_btn {
    margin-top: -15px;
    margin-right: -78%;
    }
    }
    @media only screen and (max-width: 1265px) and (min-width: 961px){
    .header_wrapper .header .post_btn {
    font-size: 15px;
    }
    }
    Thanks,
    Praveen
     
  7. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Hi Praveen,

    Thanks for your help but the issue isn't solved. I have attached 2 images can you please tell me what to do.
    the mobile version - the logo overlaps the site and moves into the right sidebar.
    Can you login and fix it or tell me what to do please? :)
    Thank you,
    Leo
     

    Attached Files:

  8. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Paste the code given below in Custom CSS section
    (Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .header_wrapper .logo_wrapper .logo img {
      max-width: 100% !important;
      margin-right: 0px !important;
    }
    }
    
    Thanks & Regards
    Pramod
     
  9. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Hi Pramod,

    I have done that but it has changed nothing. Please see my attached custom CSS and image.
    The main logo is not in the center of the screen.

    .content_wrapper .featured_content .featured_post .featured {
    background: #F9F9F9;
    border: dotted 4px #B3B3B2;
    padding: 10px;
    }
    .content_wrapper .featured_content .featured_post .featured h4 a {
    font-size: 32px;
    font-weight: bolder;
    border-style: solid 1px yellow;
    }

    @media only screen and (max-width: 768px){
    .header_wrapper .logo_wrapper .logo img {
    max-width: 120%;
    margin-left: -30px;
    width: 120%;
    }
    }

    .logo a img {
    float: right !important;
    }


    .header_wrapper .logo_wrapper .logo img {
    max-width: 500px;
    margin-right: -11%;
    max-height: auto;
    }
    @media only screen and (max-width: 960px) and (min-width: 767px){
    .header_wrapper .header_btn {
    clear: both;
    }
    .header_wrapper .logo_wrapper .logo img {
    margin-right: -42%;
    }
    .header_wrapper .header .post_btn {
    margin-top: -15px;
    margin-right: -78%;
    }
    }
    @media only screen and (max-width: 1265px) and (min-width: 961px){
    .header_wrapper .header .post_btn {
    font-size: 15px;
    }
    }

    .content_wrapper .featured_content .featured_post .featured .featured_thumb img.ribbon {
    display: none;
    }


    .content_wrapper {
    padding-top: 0px;
    }
    .header_wrapper {
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
    .content_wrapper .info_bar.top {
    margin-bottom: 32px;
    }

    .featured_thumb.featured_thumb_paid .star_icon {
    display: none;
    }
    .depth_article .rating, .depth_article ul.single_rating {
    display: none;
    }

    @media only screen and (max-width: 767px) and (min-width: 480px){
    .header_wrapper .logo_wrapper .logo img {
    max-width: 100% !important;
    margin-right: 0px !important;
    }
    }
     

    Attached Files:

  10. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (min-width: 960px){
    .header_wrapper .logo_wrapper .logo img {
      margin-right: -31%;
    }
    }
    
    Thanks & Regards
    Pramod
     
  11. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Now it is too far to the right? Can I please send you credentials to fix it?

    Thanks,
    Leo
     
  12. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    OK !Please provide the following information listed below.
    This thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:
    Send this information on our email at [email protected]

    Thanks & Regards
    Pramod
     
  13. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Thank you Pramod, I have sent you an email.
     
  14. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    Pram of i emailed you last night with credentials and details. Did you receive it please?

    Thanks,
    Leo
     
  15. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    I have emailed support and all Naveen said was to download the theme again. That it pointless to me! Please help
     
  16. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    Ok ! i have got your details and reply you soon with fix of this issue.
    Some time UNDO and REDO of code customization will take too much time to fix issues if generate any .
    It required study again the whole theme . It also take too much time.
    So,Generally the best solution is to keep a copy of the theme which have no issues as a backup.

    Thanks & Regards
    Pramod
     
  17. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    I understand, but I really only edited custom css and other files you and Pramod helped me with. I would like to keep the site as it is because I have put a lot of time in to it and fix it rather than download it again and start from the beginning
     
  18. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    Ok ! i will do and reply you soon with fix of this issue.

    Thanks & Regards
    Pramod
     
  19. leosherlock

    leosherlock Member

    Joined:
    Dec 23, 2014
    Messages:
    80
    Likes Received:
    0
    I really appreciate it Pramod! Thank you
     
  20. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello Leo!

    I have fixed this issue please have a look.

    Thanks & Regards
    Pramod
     
Thread Status:
Not open for further replies.

Share This Page