not a support questionWebsite: http://secretcafe.websitewarrior.com.au
Issue 1: The website is displaying differently on Internet Explorer, Chrome and Firefox. How do I make this universal?
Issue 2: (http://secretcafe.websitewarrior.com.au/our-secret/) - The columns on the bullet points aren't aligning properly, The right hand column drops a line at the beginning.
Issue 3: On the same page above I want bullet points not arrows, how can I correct this.
Love the theme and thanks for any help provided.
Devin
Moderator
Hi wwarrior,
The differences in the various browsers are just because of the way they each render css. Even between versions of the same browser you will get small differences (big differences when it comes to IE some times too).
For the column issue, there is a break in between the two columns. You'll need to remove it in the visual editor to fix that.
For the bullets, add the following to your main style.css at the very bottom of the file:
#top .entry ul li {
background: none;
list-style-type: disc;
list-style-position: inside;
}Regards,
Devin
no matter what i do i cant align them
[wpcol_1half id="" class="" style="disc"]<ul>
<li>Breakfast</li>
<li>Lunch</li>
<li>Dinner</li>
<li>Takeaway Menu</li>
<li>Crave Coffee (phone orders taken)</li>
<li>Events</li>
<li>Corporate Lunches</li>
<li>Business Breakfast for 2 to many</li>
</ul>[/wpcol_1half]
[wpcol_1half_end id="" class="" style="disc"]<ul><li>Weddings</li>
<li>Birthdays 21<sup>st</sup>, 30<sup>th</sup>, 40<sup>th</sup>...90<sup>th</sup></li>
<li>Themed Dinners</li>
<li>Office Parties</li>
<li>Christmas Parties</li>
<li>Special Events</li>
<li>Home Catering</li>
<li>And More - Booking must be in advance</li>
</ul>[/wpcol_1half_end]Is there anyway to correct my issue in IE?, Also what code would i add to the above to make the text red?
Devin
Moderator
Hi wwarrior,
There may be an issue with the plugin you are using to create those column shortcodes but I can't say for sure.
I don't know issues you are having in IE so you would need to outline them specifically for us to be able to say if they are fixable or not.
If you want to make text red, I believe you can just highlight it then select red via the visual editor buttons.
Regards,
Devin
Nick
Moderator
Hi,
Your are missing the </html> , please check your footer.php
There is something wrong with your 3rd portfolio item named 'functions' that is why it looks messed up in IE. The code duplicates into the parent node somehow. How are you displaying those 3 things (secrets, menus, functions on the lower half of the home page?)
You are also using one-fourth and only have 3 items .. try using one-third. That's why things are jumping where they aren't supposed to, code is expecting to see 4 items, but you provided only 3 portfolio items.
This is one of the lines giving you grief
.fullwidth .one_fourth, .fullwidth .box_small {
width:210px;
}you need to be using .fullwidth .one_third . Then everything will fit.
Add the code below to custom.css, and you will see in Chrome the images start showing how they are supposed to, and it becomes obvious that the 4th image is needed. The code below will also fix some of the IE problems, probably the 3rd image will fall into place, but 2nd image will be off.
#top .box_small {
overflow: initial;
font-size: 1.2em;
line-height: 1.7em;
margin-right: 33px;
}
#top .fullwidth .box_small {
width: 190px;
}Thanks,
Nick
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
