Mystique disappearing elements

  • Unknown's avatar
    chrisboyack · Member ·

    When I purchased the CSS upgrade, I lost visibility to a few pieces of the Mystique theme. The social icons, post date/info, and tabbed widget icons are no longer visible. I have tried unsuccessfully to get them back.

    The elements are all there, and working (you can click where the social icons should be and get the links to facebook, flickr, etc.), you just can’t see them.

    This screenshot of the Mystique demo page shows the items I am talking about:
    https://lh6.googleusercontent.com/-NmpRAWASf4k/Tk13WlYqVEI/AAAAAAAAIRo/hphlE0B8SEQ/s800/wp2.jpg

    Here is a screenshot of my site showing where those items are (but can’t be seen):
    https://lh6.googleusercontent.com/-pzJnscU-_v4/Tk13WYxbBKI/AAAAAAAAIRk/nUaCc7igf5I/s800/wp1.jpg

    My site is:
    http://thescenebegins.com

    I’ve tried Firefox, Chrome, and IE. All look the same. I’ve played around with some transparency/opacity settings, but haven’t hit upon the right combo. Just trial and error.

    I’m thinking as a last resort I might switch to another theme, then come back to Mystique and see if that resets things.

    Thanks for any help.

    Chris

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Do not paste the entire stylesheet into the CSS editor window. CSS uses relative URLs and since your custom CSS is stored in a different location from the original, all the relative URLs break.

    Put only the specific selectors, and only the specific declarations you are changing into the CSS edit window. Example:

    If you wanted to change the width of the sidebar widgets and the following was what was in the original CSS,

    #widgets {
background: none repeat scroll 0 0 transparent;
margin-left: 950px;
position: absolute;
top: 20px;
width: 200px;
}

    What you would put into your CSS edit window would be the following and then you would edit the width value.

    #widgets {
width: 200px;
}

    Your additions will then overwrite the existing CSS since your CSS is loaded after the original. Just make sure that the “add to existing…” is selected before saving.

  • Unknown's avatar
    thesacredpath · Member ·

    Also since you are posting tons of photos, go to settings > reading and reduce the number of posts to show per page to perhaps 3. On my slower internet connection I cancelled the loading of your site after 2 minutes. There are still a lot of us out there on slower internet connections (less than 1Mbps) and few will wait over about 30 seconds for a site to load.

    Also search engines consider page loading times when determining search engine ranking and you don’t want the search engines to toss your site into the basement.

  • Unknown's avatar
    chrisboyack · Member ·

    @thesacred path: Thank you for the tips. I did paste the entire stylesheet in because that is the only way I could figure out how to fix some things that were broken after I paid for the upgrade. It’s kind of been a mess, but I understand what you mean about the relative paths.

    Do you think changing to another theme and then back again would be a valid way to ‘reset’ things and start over from scratch? I would like to just start with the basic Mystique theme and then go from there.

    It’s somewhat confusing because the support site indicates there are two options:

    Add this to the [your current theme] theme’s CSS stylesheet – should be used to build on the existing theme stylesheet.
    Start from scratch and just use this – should be used if you want to start with only the theme’s HTML structure and recreate all of its CSS from scratch.

    However, in my dashboard/CSS editor the choices are:

    Add my CSS to Mystique’s CSS stylesheet.
    Don’t use Mystique’s CSS, and replace everything with my own CSS.

    I’m not sure if the second choice is the same as the second choice on the CSS support page?

    What I would really like to do is just start over with the Mystique theme and then be able to start customizing it the way you indicated by only putting the specific selectors in the editor as you indicated.

    Also – thank you for the info on the picture loading time. The last few posts are MUCH more graphic heavy than normal, but I will keep that in mind. Reducing the number of posts on the home page makes sense as a way to speed up the loading times.

  • Unknown's avatar
    thesacredpath · Member ·

    To reset things, just delete everything from the CSS edit window (paste it into a plain text file for reference if you wish) and then make sure the “add to existing…” button is checked and click “save stylesheet” and it will reset to the original CSS.

    To prevent issues, unless you are going to completely start with a blank slate, use the “add my CSS to…” selection and just put in the specific things you are changing. That will preserve all the image elements in the CSS. On themes without image elements, it doesn’t matter, but if there are then the relative URLs break if you paste everything no matter which of the selections you check before saving.

  • The topic ‘Mystique disappearing elements’ is closed to new replies.