KATrimels
MemberForum Replies Created
-
As expected it worked perfectly, Syahir.
Once again thanx for a great product and outstanding service/support!
Keith
Awesome, Syahir! I’ll try it later today and post the results back if I have problems.
Meanwhile, as I’ve told others, you have one of the cleanest themes out there and with the help of now Prasanna and Josh, the forums are still working even as the installed base grows.
Thanx for your fantastic help over the last year!
Keith
OK, I’ve finally freed some time to get a clean, updated backup of the site and start the trial and error process again on the test site (running Graphene 1.7 and located at http://contemporaryengineer.com/testsite/).
Thanx, Tee, for the margin code. That suggestion allowed me to fix the width issues on the test site after commenting out the width and using the Graphene width option to adjust column widths as Prasanna suggested. It’s now a consistent 10px spacing around the content areas within each column.
Now, although the slider content is correct, I’m still having issues with the left/right slider border. We don’t want a solid border as Tee’s suggestion would implement. We’d like it to look like the original site at http://www.contemporaryengineer.com (running Graphene 1.5.6).
I think the rest of the issues we have I can adjust if we can just get the slider border squared away.
Any suggestions?
Thanks for the catch, Prasanna. Unfortunately, that took out my widget text box (the sourced image anyway) and did nothing for the missing slider right & left borders (you can see the results at http://www.contemporaryengineer.com/testsite/).
And I’m still struggling with how to adjust the spacing/padding on the left and right sides of the sidebar.
Any thoughts?
Thank you!
Sorry for the delay and trying out your solution, Prasanna.
After upgrading to Graphene 1.6.1, I pulled the code out as mentioned and have the columns looking almost right. I say almost for two reasons.
First – the slider on the welcome page (http://www.contemporaryengineer.com/testsite/) is missing the left & right blue borders. I’ve looked through the child theme code (and using Firebug on the page) but can’t find anything that looks like a border or padding setting. Want to get the borders back.
Second, after some trial and error with the column widths in the new theme version, I got the text box to show up in the right sidebar. But the padding is now uneven between the content column and right sidebar, and between the right sidebar and the right edge of the container. The padding is correct between the left edge of the container and the content column. You can compare the above page with the live site (running 1.5.6) to see what I mean (www.contemporaryengineer.com).
What am I missing?
Keith
Child Theme Code (after deleting widths and trial & error):
/*
Theme Name: Graphene Child
Theme URI: http://www.contemporaryengineer.com/
Description: Child theme for the Graphene theme, developed specifically for the contemporaryengineer.com website
Author: Syahir Hakim
Author URI: http://www.khairul-syahir.com
Template: graphene
Version: 1.0
*/
@import url("../graphene/style.css");
.entry-content p, .entry-content ul, .entry-content ol{
font-size:14px;
line-height:20px;
}
#content {
background: #e3e3e3;
padding-top: 10px;
padding-bottom: 10px;
}
#content {
padding-left: 0px;
}
.two-columns .post.nodate,
.two-columns .post.page,
.two-columns .post.post_404,
.two-columns .post.post_404_search {
}
.two-columns .post {
}
.two-columns #content-main {
}
#sidebar1 {
padding: 0 0px 0px;
}
#sidebar1, #sidebar2 {
margin-top: 0;
}
.homepage_pane {
margin-left: 16px;
}
.post,
#commentform,
#comments li.comment {
border-radius: 0 !important;
}
.two-columns .featured_slider #slider_root {
}
.two-columns .slider_post {
}
#table {
border-collapse: collapse;
}
table td,
table th,
table tr {
border: 0px solid #ccc;
font-family: arial;
padding: 2px 2px;
}
table th {
background: #e0e0e0;
border-bottom-width: 2px;
}
table tr {
background: #ffffff;
}
table tr.alternate {
background: #fff;
}
#header {
background-position: center top;
background-repeat: no-repeat;
border-top:1px solid #000;
height: 150px;
width: 100%;
position: relative;
}
#header .sidebar-wrap {
float: right;
position: absolute;
top: 55px;
left: 725px;
z-index: 1000;
}
#footer {
background: url(images/sprite_h.png) left -952px repeat-x #111;
border-top: 1px solid #d5d5d5;
padding-top: 20px;
margin-bottom: 10px;
min-height: 50px;
position: relative;
color: #999;
padding-bottom: 20px;
}
#developer {
text-align: right;
clear: right;
padding: 10px 20px 0 20px;
float: right;
}
#header-menu > li {
font: normal 15px arial;
margin: 0 2px;
}
#header-menu > li:first-child {
margin-left: 10px;
}
#header-menu > li > a {
color: #fff;
line-height: 17px;
padding: 7px 10px 6px;
#secondary-menu > li {
font: normal 14px arial;
margin: 0 2px;
text-transform: uppercase;
float: right;
}
.entry-content img,
.child-page img {
border: 0px solid #e3e3e3;
margin: 5px;
}Thanx for the reply, Prasanna. Syahir is the one who adjusted the width when he created a child theme about 6 months ago. He put the following code in the child theme:
#container {
width: 1000px;
}
Since the header and everything else have been built on the 1000 px total width, we need to figure out how to fix our issue with the 1.6 upgrade. It doesn’t seem reasonable that we should be frozen at theme version 1.5.6 for perpetuity.
The slider width is different than the main column width for one. And the text widget is not showing up at all on the right column of the test site (www.contemporaryengineer.com/testsite/) as it does on the production site (www.contemporaryengineer.com).
Do you have any suggestions for how to fix the width issues?
Thanx in advance.
Keith.
Prasanna,
I tried it on the test site (http://www.contemporaryengineer.com/testsite/) and it didn’t work. Of course I didn’t expect it to if the child theme holds precedence because the child theme shows (with a container width of 1000).
.two-columns .post {
width: 535px;
}
.two-columns #content-main {
width: 620px;
}
#sidebar1 {
width: 350px;
padding: 0 10px 10pxI’m going to reload Graphene 1.5.6 on the main site because it has to be ready for Monday for sure, and we cannot have our sign-up sheet missing.
So, for troubleshooting this issue from here on out, we’ll have to work off the test site.
Thanx. Keith
In reply to: Is there anyway I can remove these links above the posts? (pic inside)
December 23, 2011 at 10:54 pm #19891Ken,
Finally got to update this on the test site. Did remove the label – that’s good.
But it appears the main content cell’s top padding is set extra thick. Just know the main content cell doesn’t line up with the top of the widget box.
I wasn’t able to pick the right area using Firebug so I’m posting.
Any suggestions on lining up the top of post content box with the top of the widget box after turning off the previous/next post navigation lines?
http://www.contemporaryengineer.com
Thanx. Keith
website – http://www.contemporaryengineer.com
Updated question for you, Ken.
I finally had to the time to reinstall my test site and play with the code you posted (below):
#content-main a,
#content-main a:visited {
color: #1772af;
text-decoration: underline;
}
#content-main a:hover {
color: #074d7c;
text-decoration: underline;
}
It’s a good thing I did – here’s why.
It definitely did the trick for the hypertext links. But it forced the links within the buttons (i.e. the “View Full Post” on the jquery slide and the “Continue Reading” on the post excerpt pages) to the same color. Underlined blue is a bad mix with a blue button – virtually unreadable.
I’ve changed it back to the default pending your feedback on if there is a way to get pull this off without adversely impacting the buttons.
Thanx. Keith
