June 8, 2011 at 11:23 am #4595
I have been working to develop my new site using the lovely theme for a week or so now and I have kinda hit a brick wall with a few problems I am facing!
Any advice would be really helpful :)
1) Is is possible for me to change the bg color of a table (or cell at least) on the site? Whenever I do this it automatically seems to come up with a white background.
2) Is there a way to edit the CSS so that I can change fonts within the HTML, diverging at times from the font that is set up for the body of the pages?
3) I have not been able to recieve any messages sent to me through the built in contact form on the site – and have tried a few other contact form plug ins and each time not had any result. I have checked my junk mail box and tried different email addresses, but had no luck.
4) On the ‘KIT’ page of my site some of the images and text in the right hand column are really in a mess – and I do not understand why. any ideas?
You can see my site at http://www.hdslrhire.co.uk
Hope this post isnt too long! thank you in advance for any support.
StevenJune 9, 2011 at 10:48 am #46907
Sorry to hear you’re having a few problems, hopefully I can help.
1.) By default, the background for table cells is white – defined in css/light-skin.css around line 458:
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
In the HTML Styles demo, you can see that alternate rows are a different colour as they have a class called specalt added. This is an example of the full table markup, use this as the basis of your tables (for tabular content) and modify as needed if you’d like the alternate colours:
<table cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series" id="mytable">
<caption>Table 1: Apple Product specs </caption>
<th scope="col" class="nobg">Product:</th>
<th scope="col">iPhone 3GS</th>
<th scope="col">iPod Nano</th>
<th scope="row" class="spec">Version</th>
<td>3rd Generation build</td>
<td>1st Generation build</td>
<td>27th Generation build</td>
<th scope="row" class="specalt">Multitouch</th>
<th scope="row" class="spec">Video</th>
<td>Yes – doesnt play flash content</td>
<td>Yes – doesnt play content</td>
<td>Yes – does play any content</td>
<th scope="row" class="specalt">Release Date</th>
<td class="alt">Nov. 2009</td>
<td class="alt">Mai. 2010</td>
<td class="alt">Jun. 2010</td>
2.) Yes, you can modify the default font by changing this in style.css (line 133):
For small sections of text where you’d like a different font, but for this to not affect the whole site, you can create a new CSS style which has your font and apply this class (or ID if there’s only 1 area per page that needs it) to the text. For example:
CSS (add to the end of style.css):
HTML (either in the theme files or in the HTML view when editing your page / post):
<p class="my-serif-font">This text should be a serif font, rather then the default sans-serif...</p>
Obviously, you can change the class name and font as necessary.
3.) Can you receive WP emails? Try going through the reset your password dislogue on the wp-login.php page.
If you can receive WP emails, but not the contact form emails, you need to modify a file to make this work. Open up /framework/php/class-form-generator.php and find this code on line 239:
mail($to, $subject, $message, $header);
Change it to:
wp_mail($to, $subject, $message, $header);
This will now use WP to send emails rather than the PHP mail() function.
If you can’t receive emails contact you host as you should be able to, or alternatively if they can’t / won’t activate this use this plugin: WP Mail SMTP and configure it to use your own email address.
4.) The image issue is because the images are set to display block (i.e. in full) and expand outside the text area (the size of this is defined by the amount of text you have and the line height of each line – by default 1.7em). To compound this, the images float to the left by default and don’t have a “clear” (to put the next one under the previous).
Do you want the images to display horizontally (3 in a row for example) or vertically (one under the other)?
Hope this helps!
JamesJune 14, 2011 at 8:23 am #46908
Thank you for your in depth response! That is really helpful, and I think most of my worries have been dealt with now.
I really need the images/text on this page to be one under another (vertically). I think I see what you mean though, I will have a play around :)
StevenJune 14, 2011 at 12:48 pm #46909
The topic ‘A few issues I am REALLY struggling to overcome – pls help!’ is closed to new replies.