Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #11419

    Hello,

    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

    #71681

    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

    #71682

    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

    #71683

    … 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!

    #71684

    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

    #71685

    Hello there,

    I would like that my social icons would open in a new tab.

    I have been searching for a while now but I can’t seem to find it.

    Hope you can help me out.

    Kind Regards,

    Chris from Amsterdam

    #71686

    You can use following js code for this task:

    jQuery("ul.social_bookmarks a").filter(function() {
    return this.hostname && this.hostname !== location.hostname;
    }).attr('target', '_blank');

    - add it to js/avia.js after the document.ready code line.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘social icons have disappeared’ is closed to new replies.