Viewing 20 posts - 1 through 20 (of 28 total)
  • Author
    Posts
  • #179104
    reneecarlson94
    Participant

    Hello,

    How can I remove the header on certain pages?
    Eg on my destinations page I would like to remove the header and change the text at the top of the page?

    https://backpackfullofmaps.com/destinations/

    Thank you 🙂

    #179111
    Skandha
    Keymaster

    @destinations: Do you mean remove the header image? Also let me know which text you would like to change on that particular page.

    Kind Regards,
    Skandha

    #179130
    reneecarlson94
    Participant

    Yes sorry I would like to remove the header image and then change the text inside the header to something else.

    #179138
    Skandha
    Keymaster

    @reneecarlson94: To disable the header image
    Go to => Appearance => Customize => Header Media => Enable On => Select Disabled.

    To change the text inside the header to something else you can change the title of the post/page.

    Let me know if this is helpful.
    Kind Regards,
    Skandha

    #179794
    reneecarlson94
    Participant

    Hello,

    Go to => Appearance => Customize => Header Media => Enable On => Select Disabled.

    Thank you but this then leaves a big grey space at the top of the page once header is disabled. I would like to completely remove this space and have headers only on certain pages.

    Please see an example of grey space in this link https://backpackfullofmaps.com/privacy-policy/

    Cheers
    Renee

    #179800
    reneecarlson94
    Participant

    Sorry, I have a few more questions. As you can see below I have done a lot of googling to find css code to make some changes. There are just a few things I can’t seem to find.

    Please refer to the link below to see what I am talking about.
    https://backpackfullofmaps.com/privacy-policy/

    1. How can I get rid of the white line above the copyright text?
    2. I have social icons above the Instagram widget however you cant see them as the colour of the icons are black. How can I change the icon colours to white?
    3. How can I reduce the space between copyright text and the above about us, contact, us ect?

    (This is all the code I have added to “Additional CSS” from googling)
    please let me know if any of it is unnecessary?

    .footer-widget-area .widget:not(.widget_text) ul > li {
    display: inline-block;
    padding: 20px;
    }
    .footer-widget-area .widget-area:nth-child(1):nth-last-child(2) {
    margin-right: 6%;
    width: 100%;
    }
    .widget:not(.widget_text) ul{
    list-style: none;
    margin: 0;
    text-align: center;
    }
    .entry-container,
    .widget,
    #supplementary .wrapper,
    #supplementary .widget {
    padding-top: 0;
    padding-bottom: 0;
    }
    .site-footer {
    background-color: #000;
    color: #ffad8f;
    }
    .site-footer a {
    color:#ffad8f;
    }

    Thank you in advance 🙂

    #179869
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne,
    You seem to be using an old version of the theme. Please update your theme to the latest version.

    Let me know on which pages you would like to remove the grey spaces.

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To get rid of the white line above the footer copyright */
    .site-info {
        border: none;
    }
    /* To change the color of social icons above instagram widget */
    .widget.menu-social-container a {
        color: #fff;
    }
    /* To reduce the space between copyright text and the above about us */
    .widget-column.footer-widget-1 {
        padding-bottom: 0;
    }

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #179886
    reneecarlson94
    Participant

    Awesome Thank you for those css codes.

    Do you have some code to get everything in the footer to be in the center?
    I have everything in the center except for the logo and the affiliate disclosure. Also how can i change the text colour for “affiliate disclosure”

    At the moment I would like the grey spaces removed from the following pages

    https://backpackfullofmaps.com/destinations/
    https://backpackfullofmaps.com/privacy-policy/
    https://backpackfullofmaps.com/affiliate-disclosure/
    https://backpackfullofmaps.com/terms-of-service/

    With updating the theme, i am currently using a child theme so im not sure how to update to newer version of the theme? Could you please give me some advice on how to do this?

    Cheers
    Renee

    #179892
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To center the logo and text Affiliate Disclosure */
    #media_image-4, #text-15 .widget-title {
        text-align: center;
    }
    
    /* To remove the grey spaces on the pages you mentioned */
    .page-id-1246 .custom-header-content, .page-id-364 .custom-header-content, .page-id-1334 .custom-header-content, .page-id-1266 .custom-header-content {
        padding: 0 !important;
    } 
    .page-id-1246 .custom-header-content .entry-summary, .page-id-364 .custom-header-content .entry-summary, .page-id-1334 .custom-header-content .entry-summary, .page-id-1266 .custom-header-content .entry-summary {
        margin-top: 0;
    }
    body.page-id-1246:not(.no-header-media-text) .custom-header::after, body.page-id-364:not(.no-header-media-text) .custom-header::after, body.page-id-1334:not(.no-header-media-text) .custom-header::after, body.page-id-1266:not(.no-header-media-text) .custom-header::after {
    	background-color: rgba(255,255,255,1);
    }
    .page-id-1246 .custom-header-content .entry-title, .page-id-364 .custom-header-content .entry-title, .page-id-1334 .custom-header-content .entry-title, .page-id-1266 .custom-header-content .entry-title {
        color: #000 !important;
    }

    You will need to update the parent theme. For that you’ll need to first download the theme from your https://catchthemes.com/my-account/ page. Then install Catch Web Tools plugin and activate Catch Updater Module. https://wordpress.org/plugins/catch-web-tools/
    Please check the tutorial video in the link below:
    https://www.youtube.com/watch?v=W95SuabDZi8
    For more, check out theme instructions at https://catchthemes.com/frequently-asked-questions/#question-general-1

    Let me know if you this works out!

    Kind Regards,
    Skandha

    #179894
    reneecarlson94
    Participant

    Hi

    Legend! Thank you
    Can I get rid of the text “renee carlson” under each header also?

    I have watched the video however there is nothing available in my downloads section on my catch themes account page.

    In WordPress when I go Dashboard > Updates > Theme updates and select the theme to update I get the following message
    ” An error occurred while updating Catch Wheels Pro: Update package not available.”

    #179964
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne,
    To get rid text “renee carlson” under each header
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header-content .author.vcard {
        display: none;
    }

    Maybe your theme subscription has expired and you will need to renew your subscription.
    Can you check the date when you bought the theme? If it has exceeded 1 year you will have to renew your subscription to get latest updates.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #179970
    reneecarlson94
    Participant

    Ahh, I see it has expired on July 9th. I will renew the subscription. Thank you

    Thank you
    You have been a great help
    Much appreciated.

    #179971
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-wheels/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #180127
    reneecarlson94
    Participant

    I have just submitted a review 🙂

    I have one more question.
    Are you able to tell me some CSS Code to get the hazy overlay off my header image? See example below in link.

    https://backpackfullofmaps.com/about/

    This picture is actually a very bright clear picture but seems to be hazy looking on the header image.

    Cheers
    Renee

    #180131
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne,
    Thank you for the wonderful review.

    To remove the overlay off the header image
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    body:not(.no-header-media-text) .custom-header::after {
        background-color: unset;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #229427
    reneecarlson94
    Participant

    Hello Again,

    So I have only just now (a few months later) updated my theme.

    I followed the steps in the video you sent in a previous message. The theme successfully updated but now all of the changes I had made in child theme are gone! How can I have the most up to date version of the theme and get back all the changes I had made to the child theme?

    #229428
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne,
    You seem to have activate parent theme on your site right now.
    Can you please activate your child theme and see if the child theme customization you made using the child theme appear?

    Kind Regards,
    Skandha

    #234208
    reneecarlson94
    Participant

    Hello Again,

    Could you please help me with this query.

    I would like to change the normal bullet points in my post to ARROWS like the one I have listed below. Could you please give me the css code? I founf this site with css/html code. But having trouble making it work.

    https://lonewolfonline.net/html-character-codes-ascii-entity-unicode-symbols/#8

    10140 ➜ ➜ \00279c 0x279c Heavy round-tipped rightwards arrow

    I appreciate your help 🙂

    #234237
    Skandha
    Keymaster

    @reneecarlson94: Hello Renne,
    Can you let me know where you are adding the bullet points so that I can provide CSS to to change the bullets into arrows?

    Kind Regards,
    Skandha

    #234330
    reneecarlson94
    Participant

    Hello,

    Anything on this post that has a dot point I would like to change to arrows.

    https://backpackfullofmaps.com/?p=1635&preview=true

Viewing 20 posts - 1 through 20 (of 28 total)
  • The topic ‘Remove Header’ is closed to new replies.