Adding photo

  • Author
  • #919905

    I am seeking to add a large photo that I can write text over. I want the photograph to take up almost the whole page.

    I am also seeking to delete all the tacky post tags, etc. I want to use this as a business page.

    Is there any way to do this using CSS?

    Any advice?

    The blog I need help with is



    The good news is, what you want to do is possible. The bad news is, it is entirely dependent on your CSS editing skill. This is why we always advise people to learn CSS before buying the upgrade.


    Firstly, if you want the main page to just be a large image with text over it, set and use a static front page for your site. Static front pages do not show any of the date/category/tag stuff.

    For the image, there are two ways to do it. One would be to add the text to the image before uploading it, but this is not good for search engines since they would not be able to read the text in the image.

    The best way to do this would be to add the image as a “background” for the static front page and then you can write the text into the text editor as normal and it will show on top of the image.

    The image you are using will be a little problematic since there is so much contrast (black to nearly white) and finding a text color that is going to work overall will be a major challenge.

    And, another biggie for you. The image you are using is over 5600px wide and it is HUGE (file size=4.5MB) and that severely slows down your page loading time. That will hurt you with search engines since they penalize slow loading sites when it comes to page ranking. You need to optimize your images for the web (72dpi) and also size them to match the maximum image width for the posting area of the theme you are using.

    Image file sizes should be kept under 150k for backgrounds and such, and under 100k for images put into the body of posts and pages.




    I am also seeking to delete all the tacky post tags, etc

    This blog is wearing the Inove theme and the theme options allow you to suppress the display of categories and tags. > Appearance > Theme Options



    One option would be to move already existing elements around on a page. Here is one possible way to do it so you can see an example in action:

    #post-8 {
    	position: relative;
    #post-8 .date {
    	position: absolute;
    	color: white;
    	top: 60px;
    	background: none;

    It moves the date down and to the right onto the image. You could do the same thing with the post title if you added one.

    “#post-8” is the specific ID value for the post that appears on your home page right now. I found it by looking at the page source in a browser.

    You may be interested in starting out with a tutorial such as so you can get a feel for the basics first. Once you see a few working examples, things will start to make a lot more sense. Most people learn CSS just by jumping in and trying stuff out.

The topic ‘Adding photo’ is closed to new replies.