WordPress.org

Ready to get started?Download WordPress

Forums

Museum Core
[resolved] A few questions (6 posts)

  1. Roy
    Member
    Posted 1 year ago #

    I'm playing around with the Museum Core theme on a test site. I have a few questions:

    1. I want the main content, header and sidebar background to be another color (all the same, but other than white I mean). Of course I can edit the stylesheet, but I would rather use the 'custom CSS' option. My CSS is not that good though...;
    2. Same for removing all shadow effects on texts and text colors;
    3. I noticed that on a wide screen, the custom background shows, but on a 'normal' monitor, the content stretches to both ends of the screen. Can I edit things so that the background is always present?;
    4. The add favicon option does not work (the way I expect). I can add as many images as I want, but the screen looks adding an image to a post (including the 'add to post' option), but nothing happens and I have no idea how to make a favicon of it. Of course I can also do that manually, but since the option is there, some more info might be helpfull.

    Thanks in advance.

    Roy

  2. Chris Reynolds
    Member
    Theme Author

    Posted 10 months ago #

    Hey Roy --

    Sorry I missed this post.

    1. I want the main content, header and sidebar background to be another color (all the same, but other than white I mean). Of course I can edit the stylesheet, but I would rather use the 'custom CSS' option. My CSS is not that good though...;

    What's your question? Are you asking how to make those areas a different color in CSS?

    2. Same for removing all shadow effects on texts and text colors;

    To remove the text-shadow, simply do:

    body {
    text-shadow: none;
    }

    3. I noticed that on a wide screen, the custom background shows, but on a 'normal' monitor, the content stretches to both ends of the screen. Can I edit things so that the background is always present?;

    Not sure what you mean by "normal" and "wide screen" monitors. The content area is set to 1180 px wide, which is fairly standard for modern displays. If you aren't seeing the background, it's probably because your display is smaller than 1180 px wide -- which is to say that you are in the bottom 10% of display resolutions as of January 2013.

    source:
    http://www.w3schools.com/browsers/browsers_display.asp
    http://www.w3schools.com/browsers/browsers_resolution_higher.asp

    4. The add favicon option does not work (the way I expect). I can add as many images as I want, but the screen looks adding an image to a post (including the 'add to post' option), but nothing happens and I have no idea how to make a favicon of it. Of course I can also do that manually, but since the option is there, some more info might be helpfull.

    The "Insert into post" button exists because I'm using the built-in WordPress media uploader function. Clicking "insert into post" will copy the URL to the image file into the input box for the favicon. The favicon will not display until the options are saved and only after you've clicked "insert into post". You can also just enter a URL to an image file manually.

    Keep in mind that not all image files are supported as favicons by all browsers. .ico files are supported universally, and .png files are supported by many, but .jpg files, .gif files and others may not be supported by every browser.

  3. Roy
    Member
    Posted 10 months ago #

    1. Yes and preferably in the custom css section rather than in the stylesheet itself. And an image for the container btw.
    3. A monitor typically had proportions 3:4 so to say, but my laptop is 10" and more like 1:2.
    Anyway, screen resolution you say? I'll experiment a bit with that.
    4.

    Clicking "insert into post" will copy the URL to the image file into the input box for the favicon.

    Well no. On "insert post", the settings screen reloads and there is no favicon url, so indeed I ended up with uploading the favicon using FTP and paste the url in the settings. I can't figure out how the operation should work that you built into the theme.

    New question. Can I use the 'custom css' option to remove/hide the meta (category, date, comments link, etc. from sticky posts? (Or if not, how to go about in the stylesheet or PHP files?)

  4. Chris Reynolds
    Member
    Theme Author

    Posted 10 months ago #

    A monitor typically had proportions 3:4 so to say, but my laptop is 10" and more like 1:2.

    Standard screen displays are either 4:3 or 16:9, though some may be 16:10. There are no screens that I am aware of that are twice as tall as they are wide (1:2).

    This is not the place to request support on how to write CSS. For that, I would just recommend that you look into any of the hundreds of tutorials, books and guides on writing CSS out there.

    I will say that the entire content area is wrapped in a div with the class .content, so -- unless you wanted the header, sidebar and content areas to all be different colors than each other, all you should need to do is apply your background color property to .container.

    Similarly, if you're removing the postmeta from sticky posts...Sticky posts have the class .sticky and the post meta is in a div with the class .postmetadata. So all you would need to do is apply display: none; to .sticky .postmetadata.

    The custom CSS saved in the theme is loaded after the stylesheet loads, so any custom CSS you want to add/change can be added there instead of editing the style.css.

  5. Roy
    Member
    Posted 10 months ago #

    This is not the place to request support on how to write CSS.

    Well excuse me. I can manage some things by editing the stylesheet, but since every theme is coded differently (that is to say, I fail to find logic in CSS), I always use trial and error. The actual question is -though- how to use the custum CSS option. Since it is there, I thought I wouldn't have to edit the stylesheet.

  6. Chris Reynolds
    Member
    Theme Author

    Posted 10 months ago #

    I'm just not sure I understand the question. You use the custom CSS option by using it. You enter your CSS in that box, and save your options. Those values get stored in the database. When the page loads on the front end, it will load all the CSS and javascript files required by the theme and any plugins you have installed and then after all that it will load the CSS you saved on the options page.

    I've already told you specifically which CSS classes you need to manipulate. I would recommend using Google Chrome's Inspect Element feature or the Firebug extension for Firefox to be able to view the source code and highlight where the elements are located on the page as well as debugging/testing any CSS you want to add. I'm not sure what more I can give you, you should have everything you need to get started.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.