Home › Forums › Pro Themes › Kids Education Pro › Top Icons and Get rid of Header Image with CSS
- This topic has 4 replies, 2 voices, and was last updated 1 year, 6 months ago by kharasandoval@littlelionslearn.com.
-
AuthorPosts
-
April 26, 2023 at 11:32 pm #189464kharasandoval@littlelionslearn.comParticipant
Hello, I appreciate any help I can get with this. I am stuck.
I accidentally deleted one of my top navigation icons. I found a workaround by adding a regular image, but it isn’t ideal because it stays as we scroll whereas the rest go away, and it just doesn’t look right. Can you help me figure out how to get my icon back? I had paid for the theme and have no idea if the subscription has run out. I don’t seem to have an account, and when I logged in with my correct email, it doesn’t seem that there were any purchases, so I am a bit confused. Are the icons for the pro theme only? Is it possible my year subscription has ended?
2. I tried using CSS to get rid of the top header image. In the widgets it is called “header image”, but when I use CSS coding to get rid of the header, it deletes my top icon navigation bar. I would like to keep my top navigation bar, but get rid of the header image on all pages but the home page (I don’t want to use the “none” option in widgets because it still leaves blue space). How can get rid of this space?
Thank you in advance!
April 27, 2023 at 12:03 am #189471PsinkKeymasterHello @KHARASANDOVALLITTLELIONSLEARN-COM
You can this CSS to get back icon on navigation bar
#masthead.is-sticky .fa-laptop:before{
content: “\f109”;
}#masthead.is-sticky .fa-film:before{
content: “\f008”;
}#masthead.is-sticky .fa-gamepad:before{
content: “\f11b”;
}#masthead.is-sticky .fa-paw:before{
content: “\f1b0”;
}#masthead.is-sticky .fa-shopping-cart:before{
content: “\f07a”;
}#info-text .entry-content{
padding: 4.9% 8%;
}#info-text .container{
padding-bottom: 30px;
}Regarding the header image could you please explain in more detail? and share some reference screenshot
April 30, 2023 at 11:15 pm #189504kharasandoval@littlelionslearn.comParticipantThank you for your help. I really appreciate it, I really enjoy this theme.
I see the CSS for all the icons but my paperclip. Is it possible for you to help me get my paperclip back? The paperclip is the icon that disappeared. I am currently using an image as a workaround, but it stays when I scroll down and it doesn’t look the same as the others.
https://www.awesomescreenshot.com/image/39391692?key=fcef8d4aa1a3ba6a53d76b2a5d941410The header image on every page has a large space with a photo. When I remove the image and say none, it still has a large blue space, I don’t want any space if possible. How can I get rid of this space? https://www.awesomescreenshot.com/image/39391786?key=ed30e6acc346bfdd0d8e1a4b86db230a.
I have one more question, Is it possible to rearrange the homepage? It doesn’t seem possible, but if it is I would love to rearrange the order of the homepage. I would love to have the static page on top or more towards the top if possible.
Thank you so much!
May 1, 2023 at 12:07 am #189513PsinkKeymasterRegarding the menu icon seems there is an issue with the CSS
as you can see you have added the CSS something like this
content: “\f11b”;
it should be like this check this screen record
https://www.awesomescreenshot.com/video/16982663?key=9e844739e70c301d7817f709914ec90bRegarding Header Space You can Add this CSS
.banner-wrapper{
top: 60px;
}#header-image.no-banner-image {
min-height: 400px;
}Regarding the homepage content, it is not possible to move the static page to the top
- This reply was modified 1 year, 6 months ago by Psink.
May 3, 2023 at 11:09 pm #189520kharasandoval@littlelionslearn.comParticipantMy header is perfect now! Thank you so much. I am excited about this change, it looks great.
My paperclip is still missing but I know I am doing something wrong because I don’t know the number part of the coding for the paperclip. This is what I have for all of them. I don’t know what this part should be for the paperclip (“\f11b”). All my icons are there but the paperclip. I hope you can help me one last time with this. I really appreciate you! https://www.awesomescreenshot.com/image/39423951?key=64181077812d014ce34d16654a08aac7
#masthead.is-sticky .fa-laptop:before{
content: “\f109” !important;
}#masthead.is-sticky .fa-film:before{
content: “\f008” !important;
}#masthead.is-sticky .fa-gamepad:before{
content: “\f11b” !important;
}#masthead.is-sticky .fa-paw:before{
content: “\f1b0” !important;
}#masthead.is-sticky .fa-paperclip:before{
content: “\f11b” !important;
}#masthead.is-sticky .fa-shopping-cart:before{
content: “\f07a” !important;
} -
AuthorPosts
- You must be logged in to reply to this topic.