Blog Posts Header

This topic is: not resolved

This topic contains 8 replies, has 2 voices, and was last updated by Phoenix phoenix 2 days, 1 hour ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #27430
    Sphereteam
    sphereteam
    Participant
    Post count: 26

    hi, thank you for the amazing theme. Can you please go here: http://www.sphereco.co/spheredev2/video-vignette-ey-strategic-growth-forum/
    Can you tell me how to remove header for all posts all together?

    Attachments:
    #27433
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    Pls have the below custom CSS –

    .single-post #title-area {
        display: none;
    }
    
    #27858
    Sphereteam
    sphereteam
    Participant
    Post count: 26

    hi, can you please tell me how to change the colors on social media icons and background color title bars? Please see images attached.

    Attachments:
    #27865
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    We have added social icons(including background) as images, so you need to change the color in the file itself – http://www.sphereco.co/spheredev2/wp-content/themes/squash/images/social-icons/social-sprite.png

    For changing title background pls use the below custom CSS in themeoptions –

    #title-area {
        background: #000 !important;
    }
    th {
        background: #000;
        color: #fff;
    }
    
    #27888
    Sphereteam
    sphereteam
    Participant
    Post count: 26

    hi, thank you reply!
    i have changed logo size recently and now in mobile view the logo overlaps the phone numbers. Can you please see the image attached and advise how i can fix this issue?

    thanks,

    Capture

    Attachments:
    #27899
    Sphereteam
    sphereteam
    Participant
    Post count: 26

    hi, can you please tell me how to fix this issue?

    #27903
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    Pls have the below custom CSS –

    @media only screen and (max-width: 767px){
    #phonenum {
        margin-top: 15px;
    }}
    
    #27907
    Sphereteam
    sphereteam
    Participant
    Post count: 26

    thank you for response. However when i added css code, now there is no space in between the logo, phone number and social media icons. Please tell me how to fix it? I tried adjusting margin-top number, but that made things worse.

    Thanks for your help.

    capture

    Attachments:
    #27910
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    Pls increase the margin-top value to 15 (above custom CSS) and also add the following –

    @media only screen and (max-width: 767px){
    #header .social-container {
        top: 60px;
    }}
    

    Pls modify the values according to your requirement.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.