Home Forums Pro Themes Nature Bliss Pro A few template questions

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #60086
    Brian Haitz
    Participant

    1. There appears to be no way to change the color of the search icons box in the header, it is staying green

    2. How do you customize the footer? I am not finding a way to add widgets and contact info

    3. How do you add Social icons to header and footer?

    4. How do you setup a main blog page for the site?

    #60157
    wensolutions
    Keymaster

    Hello @bhaitzOO,

    Your queries has been answered below :

    Query #1,

    Ans: To change the color of the search icon box, icon and the color upon hovering use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .site-header .header-search-box > a {
        border: 2px solid #1f00c9;
    }
    
    .site-header .header-search-box > a:hover {
        background-color: #5700c9;
    }
    
    .site-header .header-search-box > a {
        color: #001837;
        }

    Here change the color code as per your requirement.

    Query #2,

    Ans: To add the widget in the footer widget area go to Admin Panel > Appearance > Widget > Footer Widget 1,2,3,4 and place your desired widget here.

    Similarly to manage the copyright section go to Admin Panel > Appearance > Customize > Theme Options > Footer Options .

    Query #3,

    Ans: If you have to add the social icon in header and footer at first you need to create the social menu including your desired custom link by going to Admin Panel > Appearance > Menus .

    Screen shot :
    https://image.prntscr.com/image/cqjo0-roTwmd6m-UOS1fKQ.png

    Then assign this menu to Social Menu Location .

    Finally you have to enable the enable the Show Social Icon option by going to Admin Panel > Appearance > Customize > Theme Options > Footer Options and Header Options .

    Query #4,

    Ans: To set up the main blog page or the page to display the latest blog you have to go to Admin Panel > Appearance > Customize > Homepage setting and assign the page to field post Page, most preferably Blog page.

    Screenshot:
    https://image.prntscr.com/image/FWP4308zSIiVfTh3meMAkQ.png

    You can also refer to theme official documentation for any confusion further:

    http://themepalace.com/instructions/themes/nature-bliss-pro/

    Hope this helps.

    Best Regards!!

    #61163
    Brian Haitz
    Participant

    Thanks! Everything worked well but I have a couple follow up questions:

    For the Social Icons, the Yelp icon is not pulling in…is there a way to do so?

    I followed your steps to setup the main Blog page but it is not pulling in the Posts, please advise. Thanks!

    #61169
    wensolutions
    Keymaster

    Hello @bhaitzOO,

    That particular icon is not displaying because it is not bundled within the theme.

    But you can display them by following the simple steps.

    At first, go to Admin Panel > Appearance > Menus and select the Social menu that you have created and add the custom link for yelp.

    Screenshot:

    https://image.prntscr.com/image/95quKbk1SCSjrMyh4zGHjA.png

    After that add below given CSS in Additional CSS.

    .nature_bliss_widget_social ul li a[href*="yelp.com"]::before {
        content: "\f1e9";
    }

    Hope this helps.

    Best Regards!!

    #61245
    Brian Haitz
    Participant

    That worked for the Yelp icon, thanks!

    However do you have an answer about my blog issue? http://de8.fe5.myftpupload.com/blog/
    It’s not pulling posts…

    #61264
    wensolutions
    Keymaster

    Hello @bhaitzoo,

    Nice to know that your previous issue is solved.

    To make the blog posts display on the page you have to assign that page to Posts Page options by going to Admin panel > Appearance > Customize > Homepage Settings > Post Page options.

    Whichever page you have assigned here will list the posts but most preferably you can choose blog page to list the posts.

    Screenshot:

    https://image.prntscr.com/image/DxzuQNZ0TnC1rHbtVz8TEw.png

    Hope this helps.

    Best Regards!!

    Have a good day 🙂 .

    #61297
    Brian Haitz
    Participant

    Hi there, so if I do that it totally changes the format and layout of the homepage which I don’t want. What I do want is to setup the blog page so that posts are active on it as a standard blog. Does that make sense?

    #61298
    Brian Haitz
    Participant

    Also, on a separate manner… There are a few areas where the original template colors are still showing up:

    1. The lines under the text headers are coming in yellow
    2. The posts/reviews background/text/quote marks areas on the homepage http://de8.fe5.myftpupload.com/

    #61364
    wensolutions
    Keymaster

    Hello @bhaitzoo,

    If you by default want to list the blog posts in homepage then you can simply go to Admin Panel >Appearance > Customize > Homepage Setting and set Your homepage displays to Your latest posts.

    https://image.prntscr.com/image/aJ1kRR6eQdCWTtrOE9DXCg.png

    Now to change the color of the line below the tile use below given CSS in Additional CSS.

    #sidebar-front-page-widget-area .widget-title::after {
        border-top: 4px double #1e73be;
    }

    You can change the hex color code as per your requirement.

    As for the issue #2, please provide the screen shot so that we could help you .

    Hope this helps.

    Best Regards!!

    #61365
    Brian Haitz
    Participant

    See areas in RED via URL below:

    https://snag.gy/ZciyaA.jpg

    #61387
    wensolutions
    Keymaster

    Hello @bhaitzoo,

    We have provided the solution in steps.

    1. To change the background color use below given CSS:
    https://image.prntscr.com/image/5foEdCcXS6GIy5iv5QVuRQ.png

    #sidebar-front-page-widget-area .nature_bliss_widget_testimonial_slider {
        background-color: #1e73be;
    }

    2. To change the color of the quote use below given CSS.

    https://image.prntscr.com/image/FhNw72eUQ-OzRm4m6ALeyA.png

    .nature_bliss_widget_testimonial_slider .testimonial-content-area p::before {
        color: #3273dc;
    }

    3. To change the color of the post title use below given CSS.

    https://image.prntscr.com/image/ck-1O9BNRc6yQx9A6IrQ7A.png

    .nature_bliss_widget_testimonial_slider .testimonial-content-area > h4 {
        color: #3273dc;
    }

    4. To change the color of the pager use below given CSS.

    https://image.prntscr.com/image/PGRVYgz3S76oGvByahKRrQ.png

    .nature_bliss_widget_testimonial_slider .cycle-pager > span.cycle-pager-active, .nature_bliss_widget_testimonial_slider .cycle-pager > span:hover {
        border: 1px solid #3273dc;
    }

    Here you can change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

    Merry Christmas 🙂 .

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