- This topic has 10 replies, 2 voices, and was last updated 6 years, 11 months ago by
.
-
Posts
-
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?
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.pngThen 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.pngYou can also refer to theme official documentation for any confusion further:
http://themepalace.com/instructions/themes/nature-bliss-pro/
Hope this helps.
Best Regards!!
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!
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!!
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…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 🙂 .
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?
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/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!!
See areas in RED via URL below:
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 🙂 .
- You must be logged in to reply to this topic.
