Home Forums Free Themes Kids Education Removing Footer/Bottom of Page image

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #123446
    ToroBlanco
    Participant

    Is there a way to remove or replace the image of the children playing on the hills at the bottom of the pages?

    The website we’re building is animal-related, so a picture of children playing at the bottom of every page is a bit odd. Replacing it would be great, but even just removing it so only the “Copyright © 2020 | Kids Education by Theme Palace” text shows up will be fine too.

    #123581
    wensolutions
    Keymaster

    Hello,

    Regarding your query, you have to add CSS in Additional CSS section following the path Admin Panel > Appearance > Customize > Additional CSS.

    To remove the image you have to add CSS,

    .site-footer {
        background-image: unset;
    }

    To add an image of your choice, you can add below given CSS

    .site-footer {
        background-image: url(Your Image URL);
    }

    You have to add the image URL in ‘Your Image URL’.

    Hope this helps.

    If you have further queries, let us know.

    Regards.

    #123650
    ToroBlanco
    Participant

    Thank you! I’ll give that a try

    #123664
    ToroBlanco
    Participant

    A few additional questions:

    -Is there a way to set an image as the background for the full site (instead of the white space in the main body of the page)?

    -RE: the blue rectangle where text is displayed on pages, is there a way to change that blue color, and/or a way to change it to an image (so the text is displayed atop a graphic instead of solid color)

    -When we changed out the picture for the footer, the top part is cut off. What are the dimensions for the footer image, or is there a way to manually set the dimensions so it matches our image?

    #123704
    wensolutions
    Keymaster

    Hello,

    Please find answers to your queries below:

    Query 1. Is there a way to set an image as the background for the full site (instead of the white space in the main body of the page)?

    Response: No, this feature is not available in the theme for now.

    Query 2. RE: the blue rectangle where the text is displayed on pages, is there a way to change that blue color, and/or a way to change it to an image (so the text is displayed atop a graphic instead of solid color)

    Response: Please provide us with the screenshot of the section so that we can be more clear.

    Query 3. When we changed out the picture for the footer, the top part is cut off. What are the dimensions for the footer image, or is there a way to manually set the dimensions so it matches our image?

    Response: You can use image equal to 1350*1170 or equivalent to this size which will match to the footer section

    Hope this helps.

    If you have further queries, let us know.

    Regards.

    #123770
    ToroBlanco
    Participant

    The blue section below indicated by the arrow is what I’m referring to:

    It’s where the body text for the pages is displayed. We wanted to know if there’s a way to change that blue color, or to have it be a background image instead of a solid color.

    #123771
    ToroBlanco
    Participant

    For some reason the image didn’t show in my previous post. The link for it is below:

    https://imgur.com/a/SAgFyOM

    #123802
    wensolutions
    Keymaster

    Hello,

    Please provide us with your site URL so that we inspect further and provide you with precise fix.

    Also, we can help with simple CSS fixes.

    Regards.

    #123876
    ToroBlanco
    Participant

    The site is awwgerbils.com

    #123909
    wensolutions
    Keymaster

    Hello,

    Regarding your query, please add below given CSS following the path Admin Panel > Appearance > Customize > Additional CSS to add color in the background of the home page content.

    .home .content-area .blog-post-wrap {
       background-color: #212121;
    }
    
    .home .content-area .entry-content {
       background-color: #212121;
    }

    You can change the background color as per your requirement.

    Regarding your query, please add below given CSS following the path Admin Panel > Appearance > Customize > Additional CSS to add an image in the background of the content.

    .home .content-area .entry-content {
    background-image: url(your image URL)
    }
    
    .home .content-area .blog-post-wrap {
      background-image: url(your image URL)
    }

    You can add the image URL as per your requirement.

    Hope this helps.

    If you have further queries, let us know.

    Regards.

    #124314
    ToroBlanco
    Participant

    Thank you! We had a few additional questions after looking over the response here, and in some other threads:

    1. Is it possible to change the color of the body text? The only color option in the theme changes just the header text color.
    2. Is it possible to change the color, or size, of the page title text?
    3. Is there a way to remove the green grassy mound from the slider, so you only have the upper and lower clouds?
    4. You have to set a featured image for a page that is linked to in the slider, but is there a way to not display the featured image on the page itself? Currently it displays the featured image at the top of the body text area.
    5. Is there a way to choose which colors the Font Awesome icons are in the menu? Or to adjust their size?
    6. The top menus don’t appear to be spaced evenly: if you check our site (awwgerbils.com), there is a large gap between the end of the left menu and the logo, then a much smaller gap before the right menu starts. Is there a way to fix this so those spaces are uniform?

    #124349
    wensolutions
    Keymaster

    Hello,

    Please find answers to your queries below:

    Regarding your query 1 and 2, it requires a lot of CSS to change the colors for all the texts so you can consider hiring freelancers or professional developers of this.

    Regarding query 3, the feature is not available in the theme for now but you can disable the sections as per your requirement.

    You can add below-given CSS to remove the featured image at the top of the body text area from the pages, by following the path Admin Panel > Appearance > Customize > Additional CSS

    .single #header-image img{
       display: none;
    }

    To adjust the size of fonts, You can add below-given CSS by following the path Admin Panel > Appearance > Customize > Additional CSS

    .single .site-header ul > li:before {
        font-size: 45px;
    }

    Further, regarding your query related to space, the size of the menu and logo adjusts its space as per the number of menu items.

    Hope this helps.

    If you have further queries, kindly let us know.

    Regards.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.