Posted 2 years ago #
Hello,
This is my websie: http://www.distinctnews.com/ As you can tell, it is not over yet.
I have a couple of questions for help please:
1) How do I center the top menu bar?
2) When you go to a category on the second menu bar, the first menu bar doesn't load right, any ideas?
3) How can I make the second menu bar not in alphabetical order?
4) How can I make the text in the first and second menu bar smaller?
Thanks a lot for the help!!
Posted 2 years ago #
UPDATE:
For number one: it's not really centered, but to the border of the blog if you know what I mean.
will help you o the #1 for now.
You'll need to edit two css files.
- Go to your default.css , on line 34 add the properties:
width: 940px;
margin: 0 auto;- Then go to your dropdown.css line 27 and remove the property
float: left;
Posted 2 years ago #
It stayed the same :(
Posted 2 years ago #
Should I return my code to the way it was before or still keep it like this?
Posted 2 years ago #
And can you please tell me how to make the ad I have on my website on the same line as my picture?
Thanks!
EDIT: I got it, thanks! I just changed the ad because it was too big and then added the code to move it to the right so it becomes lined with the blog.
Now I need help with the main questions please :D
Sorry my mistake.
The information above is correct, but incomplete. I've told you the line numbers where the elements where, but didn't tell you the element's name for you the add the properties.
Now you've done some changes in the CSS and things look different.
I´d recommend you to undo what you have done, if you didn't see any results. Then to keep it simple we'll just focus in one of your CSS files.
Edit your dropdown.css, go to to line 27, find the class ul.dropdown
ul.dropdown {
/*float:left;*/
z-index:597;
position:relative;
width:940px;
margin:0 auto;
}1. Delete, or comment the property float:left;
2. Add the two properties bellow: (as shown above)
width:940px;
margin:0 auto;This will fix it. I´ve tried it both times and it worked fine.
The other questions are really more about the logic your menu was built and the mystique theme itself.
I've never used the theme, and don't know how was it coded.
Surely they can be fixed, but they are not easy to do remotely, since I can't test what I'm doing without installing the theme and working on it locally.
MAC
Posted 2 years ago #
awesome, it worked! thanks! :D
now i have to wait for someone to answer # 2,3, and 4
Posted 1 year ago #
I am using the Mystique Theme by DigitalNature.
When I create a new page called "Downloads" in the main menu with no parent, the page is broken.
It seems as though for some reason the "Mystique Settings" are not taking effect when I create a new page called "Downloads".
This does not happen if I rename the page to "Download" without the letter s.
Here is what the page should look like:
http://havefunhomeschooling.com
Here is what the page actually looks like:
http://havefunhomeschooling.com/downloads/
Notice, all of the mystique settings are not taking effect on the downloads page.
Posted 1 year ago #
Okay...I'm just going to delete the "Downloads" page. For some reason, the Mystique theme just doesn't like the word, "Downloads".
Posted 1 year ago #
Can anyone plz give solutions to the following questions?
1. How can i increase the width of the theme's content to full on either side?
2. On home page there is displayed only one sidebar while on other pages there are two. How can i remove the one sidebar from the home page?
Posted 1 year ago #
I want to change the color of the headline in the header. I've changed it in the stylesheet, but it's not changing on the site.
/*** LOGO & HEADLINE ***/
#site-title{padding:4em 0 3.6em 0;}
#site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
#site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
#site-title #logo a:hover{color:#ed1e24;}
#site-title p.headline{float:left;border-left:1px solid /*** change made here ->#FF6600 ***/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}
my site is http://www.loveyourdesign.com
Is there something else I need to do?
thx,
Kim
Posted 1 year ago #
should just mention, it's the 'evolve on purpose' part of the header that I want to change, which I figured is the headline as opposed to 'Love Your Design' being the logo.
Posted 1 year ago #
Hello, how can i remove the Site title value (General Settings) from being displayed at the left top - 'logo' place.
I want to keep that value in the settings, as its the text that gets displayed in the browser tab etc, but i dont want it to be displayed in the 'logo' position, but i dont want to put a 'logo' picture there either, just the BG picture is being used.
Posted 1 year ago #
I'm simply trying to add the facebook icons to the mystique theme? How does one do that?
Posted 1 year ago #
I'm not sure where to begin but indeed, I'm using the latest version of wordpress and 2.4.2 of the mystique theme...can anyone help?
Posted 1 year ago #
One humble suggestion, DistinctNews and FMacastro:
Any changes to CSS is better done by modifying the User CSS that can be found in "Mystique Settings". That way they will be persistent, even if you upgrade the theme later. By modifying the various css files directly, I guess you will loose your changes on upgrade. And thus "messing" up your blog.
Whatever you put in the User CSS will override the classes and settings in the core css files.
This is one of the really cool features of Mystique. Makes it very easy to apply an change, and to remove it if it doesn't work as intended.
TechMansoor,
Let me suggest a small website named google.com. Its really great. It has this little input field where you can type in stuff. I typed in the following words: facebook icon mystique wordpress
Then I pressed the little grey button just beneath the input field.
Wow, would you know that! a whole list of links to people that has implemented just what you want, and even wrote how they did it....
Posted 1 year ago #
Oldis I appreciate your humbled suggestion for the other two individuals and even the sarcastic one for myself. I guess I came on here with frustration. I apologize!
Your initial comment may have been the key as I will try your advice, but I've done that last night and I"m still having trouble.
The problem first is that the code that everyone edits for the mystique theme, doesn't match up with the code that the editor displays. If you do a find in firefox and look for the word twitter, it will not show up in the editor's code for whatever reason.
So I'm just wondering if there is a type of different version of css going. I"m not sure.
My true question to this awesome community is simple. What is the best and easiest way to edit not only the mystique them but various themes?
I've tried firebug which allows you to click on a certain facet of the site and it reveals the code,but again it doesn't match up with the editor's code within wordpress.
But I think I will honor your initial advice and just use the user's settings for the mystique theme and go exclusively by that.
But my question still stands indeed.
Thanks in advanced guys...
Posted 1 year ago #
TechMansor,
my comments to DistinctNews and FMacastro had to do with modifications to CSS styles for various elements. If you are able to find the style, and edit it in the style.css, then you know what element, class and style you are working with. And thus you should know what to put into the User CSS field. Mapping these classnames to what you actually see on screen can be challenging, but will get easier as you familiarize yourself with your chosen theme.
If you find a modification that you want to apply to one of the Mystique .php files, here is my suggestion:
Navigate to the Appearance - Editor section within wordpress admin. So if instructions tell you to edit header.php, find that file in the list to the right. The file will be shown in the Edit Themes dialogue.
Edit the file directly in there, and press the "Update File" button when done. Or, you can copy the text and paste into your favorite php-editor (for example notepad) and edit there and then copy-paste it back before pressing Update.
Alternatively you may want to use an approach where you logon to your server and do the edits there. That way backup is easier. Explaining that workflow is out of scope here...
The reason firebug seemingly does not help (it really do, just not the way you seem to expect), is that it only work with the html, css and scripts that the browser see when you call a page. It does not have the ability to tell you which PHP file(s) generated that html etc.
That is where the recipe comes in:
If do you use google (as I sarcasticly suggested), you might decide to follow the recipe on this link:
http://keremerkan.net/posts/adding-facebook-and-linkedin-icons-on-mystique-v2-x/
It actually does not require modifications to the core PHP files at all. It is all done in the mystique settings "User CSS" and Advanced - "User Functions" input dialogues.
Follow it step by step, and you should have your facebook icon in place. If you can't get it to work, you might want to leave a comment on that page?
Hope this helps...
PS: As for how things are done in other themes: I don't think that belongs here, as this thread was specifically created for mystique.
Posted 1 year ago #
I've posted above - 2 months ago - about changing the color of my header. Can anyone help me with that? I won't post all the details again, you can see them in the previous post.
Also, the featured posts are showing up on my blog page. I'd also like to set them to show on my home page as well. The mystique reading settings only give me the option to put them on one page. Is there any way I can go into the code and add them to the home page as well?
The site is http://www.loveyourdesign.com
thanks,
Kim
This topic has been closed to new replies.
