not a support questionHello,
My social icons and search box on the top right of the submenu have disappeared. Something appears when you hover over, but they are not visible without the hover.
Can you please advise?
Thank you!
http://www.orientbayfilms.com/home/
Best,
Megan
Hi Megan,
From what I can tell the reason your icons are not there is because your stylesheet is missing the necessary code to display the images.
Example: http://www.kriesi.at/themes/corona/
The mail icon uses the CSS below to display the image.
.social_bookmarks .mail a {
background: url("../images/skin-minimal/icons-social-mail.png") no-repeat scroll 0 0 transparent;
}Now typically this code is located in the minimal-skin.css or the dark-skin.css and will display by default unless you've made modifications in the custom.css. I notice though you don't seem to have a minimal-skin.css or a dark-skin.css.
You do have a light-skin.css which I'm assuming you created, yes? Did you delete minimal-skin.css and dark-skin.css?
This is the entire code you're missing:
.social_bookmarks .rss a{background: transparent url(../images/skin-minimal/icons-social-rss.png) 0 0 no-repeat;}
.social_bookmarks .facebook a{background: transparent url(../images/skin-minimal/icons-social-fb.png) 0 0 no-repeat;}
.social_bookmarks .twitter a{background: transparent url(../images/skin-minimal/icons-social-twitter.png) 0 0 no-repeat;}
.social_bookmarks .search_site a{background: transparent url(../images/skin-minimal/icons-social-search.png) 0 0 no-repeat;}
.social_bookmarks .mail a{background: transparent url(../images/skin-minimal/icons-social-mail.png) 0 0 no-repeat;}That will only work though if you still have skin-minimal as a folder.
Regards,
Mya
Hi Mya!
Thanks for your response. I didn't choose a skin, leaving the option on "select..." as my client wanted me to change the color of the boxed area and I just skipped it as a workaround. I didn't delete it, though.
I do have a file called minimal.skin.css.
I just selected the minimal option and... viola! There they are...
Thank you kindly for your insightful help!
Best,
Megan
... although that did take away the font color I had and it added the vertical bars in between the menu options. Can I just delete what is currently in the minimal.css and add what you gave me so that I don't lose what I had before?
Either that or can you tell me how to remove the vertical lines and change the font color?
Thank you!
Hi Megan,
Actually what you should do is take all the customizations you've made thus far and put them in the custom.css.
To explain, the way the theme is structured the CSS is split into style.css (which holds the base), minimal-skin.css (which holds the light color scheme), dark-skin.css (which holds dark color scheme), shortcodes.css (which holds the CSS for the shortcodes), and custom.css (which overrides the default settings from the other stylesheets).
Now when Kriesi updates a theme he may make changes to the stylesheets. The only one he never touches though is the custom.css. So for example, if you deleted the minimal-skin.css or say made changes to style.css when you updated the theme your customizations would be lost and minimal-skin.css would be added back to the folder.
Also like you experienced with the social icons each stylesheet serves a purpose. The minimal-skin and dark-skin stylesheets gives the theme its colors or images for social media icons, bullets, dividers, etc. So in the end you may have less headaches by activating minimal-skin.css (like you've already done) then just copying it's content into custom.css and working from there. Reason why I suggest that is in doing so you'll already have the correct styles you need in order to change font color, header background, etc.
Regards,
Mya
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
