Please help with my blog appearance!

  • Unknown's avatar
    leahmarieimages · Member ·

    This is my third time reaching out to get help and creating a wordpress blog from scratch is one of the most stressful take ons ever! All I get is engineers telling me to add a certain code..that means nothing to someone clueless about html. Where do I add code exactly? how? etc.

    1) I need to add my own padding background, instead of the plain white one that is included in the Forever theme

    2) I need to change my font type on my navigation menu bar.

    3) I need to know why my home page image is blurry. I t is a great quality resized image. It should not look blurry.

    Please help, Thanks!

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

  • Unknown's avatar
    raincoaster · Member ·

    Creating a WordPress.com blog is easy. Customizing the design is NOT easy, so drop your expectation that it will be. You need to learn CSS coding if that’s what you want to do. If you don’t want to mess with code, pick a theme you like, don’t buy the Custom Design upgrade, and don’t worry about it.

    There is no way to make the changes you want WITHOUT messing around in code.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I’m seeing the Ever After theme on leahmarieblog.com. Is that the site you are talking about? If you can clarify, we can help you with your CSS questions.

  • Unknown's avatar
    leahmarieimages · Member ·

    Yes.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I see your site with no CSS applied to it. Right now you have “Start Fresh Don’t use the theme’s original CSS.” on the CSS edit panel.

    At WordPress.com, if you are not completely redesigning the theme’s CSS, it is better to keep that unchecked and then add your own CSS which will override the original CSS. After unchecking that box, click save to bring back the original CSS and then we help you get things styled the way you want them.

    1. Working off the Ever After demo site, the Ever After CSS sets a base background color and then also has a transparent PNG file overlaying the color which has a slight opacity to it.

    Option 1 would be changing the color and keep the overlay image. To do that add the following CSS at Appearance > Customize > CSS and then change the #FFFFFF color code to your desired color.

    #page {
    background: url("/wp-content/themes/pub/ever-after/images/page-bg.png") repeat scroll 0 0 / 3px 3px #FFFFFF;
}

    Option 2 would be to specify a color, and delete the overlay image. To try that, add the following and edit the #FFFFFF color code as desired.

    #page {
    background: #FFFFFF;
}

    Option 3 would be to use your own image. With something like the content area, since it can vary in length due to the number of posts shown, and length of the posts, it would be best to have an image that can be tiled (repeated in both horizontal and vertical directions) or spans the entire width, but can repeat vertically down the content area. To try that out, you would need to upload your image to your media library, get the URL of that image and then replace URL_OF_IMAGE between the quote marks in the CSS below. Right now the code is set to repeat the image both horizontally and vertically.

    #page {
    background: url("URL_OF_IMAGE") repeat scroll 0 0 rgba (0, 0, 0, 0);
}

    2. Before answering this one, what is the font you want for the menu. You have two custom fonts set, Fertigo Pro Script for headings and Jubilat for the body text.

    3. On your header image, my suggestion is to prepare the image in an image editing program to the exact size you want it to be, upload that image and then when getting ready to insert it on Appearance > Header select the “Use as is” option. That, in general, will get you the best results.

  • The topic ‘Please help with my blog appearance!’ is closed to new replies.