Forum Replies Created
-
AuthorPosts
-
csbeckMember
How about just making a new post with that content? Sometimes it's just faster to start over.
Let me know how that goes.
Chris
csbeckMemberGlad to help! And good luck with your first site.
Here are some links that I found helpful which may be helpful to you:
http://www.w3schools.com/html/default.asp
http://webdesign.tutsplus.com/
A List Apart: Articles: Responsive Web Design
Codrops - useful drops of code
Chris
csbeckMemberIt looks like your style supports 110px (tall) and 320px (wide).
You may be able to set the header image by going into Appearance / Header.
If you want it wider - which is kind of what you're showing on your site now, you should be able to change the width (and/or height for that matter) either in your functions.php and style.css files.
I don't know enough about the Freelance theme but this is how I've done it for several others.
This post might also be helpful:
http://www.studiopress.community/topic/learning-genesis-custom-header-image/
Hope this helps - Chris
csbeckMemberChange your header style to be:
#header {
background: url("http://duartefloraldesign.com/wp-content/uploads/2013/01/DuarteHeader.png") no-repeat scroll center top #000000;
height: 165px;}
You'll need to change your graphic so there isn't so much negative space on the left.
Hope this helps.
csbeckMemberGreat, I see what's going on now. You're looking at in a smaller screen size. So this is a mobile-ready site design. It will change depending on your screen size or rather browser size. If you maximize your browser, it may look like you would expect. This is common for mobile-ready themes. It makes it easier for your audience to use your site if they're viewing your site on a smaller screen. When designing a theme or a website, we need to take the design into account for all screen sizes (or as many as possible). So now you'll have to decide if this is what you want or if you can modify the look. If you want it to always look the same - even if that means the type and everything will be smaller, you can remove all of the styles in your style.css that are under the media queries.
Hopefully this helps.
csbeckMemberWithin your style.css file, you have a style defined:
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6
It's defining the font-weight to be normal. You will need to either comment it out, remove it or change it to be bold. Just know that changing that will change other things - like I commented it out and it changed the weight of the title over your "Join the Passion Doctor Community" title. You may want to just make a new style below this one that's titled:
#content h1
or
.post h1
Again, creating these may affect other areas of your site so you may have to create a more specific style.
Please let us know if you need more assistance.
PS - I've found using Firefox's plugin called Firebug an excellent tool for viewing styles and making on-the-fly changes to see how those changes affect a page.
csbeckMemberWent to your site.
This link:
http://www.strandsofmylife.com/strawberry-coconut-macaroons-grain-dairy-nut-and-refined-sugar-free/Showed a dropdown menu on top with a lot of stuff under the content of the page. The whole page was different from other "read more" links of other posts like Eggs Benedict. Is this what you're talking about? I think we need a bit more info.
Please give a link to a correct page and any incorrect pages so we can compare.
Also...the page crashed in IE9 on my PC so I checked your page on validator.w3.org.
Not sure if this has something to do with your issues. Looks like there are some issues with some code in the page.
csbeckMemberPlease send a link to the site so we can help.
csbeckMemberI don't see a big difference. In fact, the fonts don't look as good in Chrome and Safari as Firefox in my opinion.
You should probably give more details on your thoughts and desires and a better title of your submissions so we can help out better.
Like:
What are you looking at it on (PC or Mac or Tablet etc.).
What don't you like in detail?
and more.csbeckMemberI believe you need to add another style definition in your style.css file. Find the following style:
.menu-primary li.blauw.current-menu-item,
.menu-primary li.blauw.current-menu-item a,
.menu-primary li.blauw a:active,
.menu-primary li.blauw a:hoverI believe this is where you have defined the colors for the rollover.
Change the style name to include another class name called ".menu-primary li.sfHover" so the title of the style should end up being:
.menu-primary li.blauw.current-menu-item,
.menu-primary li.blauw.current-menu-item a,
.menu-primary li.blauw a:active,
.menu-primary li.blauw a:hover,
.menu-primary li.sfHoverHopefully this helps.
ChriscsbeckMemberYes this is possible. You would use a combination of creating the correctly sized graphics (png or jpg) and applying custom styles to each of the menu buttons. Each of the menu buttons already have a style ID assigned to them - like "menu-item-112" for the "Nevada Trucking Law" button, "menu-item-110" for "Nevada Insurance Law" and so forth.The styles would set a custom background to each of the buttons and align the graphic in the proper location.
Hope this helps. Any website designer worth his salt should be able to do this. Let me know if you have any questions.
Chris
csbeckMemberThanks so much for helping with the solution and looking into the issue. You have been very helpful. I'll look into switching things around to see if something shows why this worked earlier, but like you said, I'm mostly happy that it works without breaking.
You rock!
Chris
csbeckMemberYou're very welcome. I'm glad it helped!
Chris
csbeckMemberWow! Absolutely amazing. You are a magician. Thanks so much for helping.
BTW - the empty text widget is still in there. Weird. At least it's under mine so it doesn't mess it up.
Can you explain why this worked before the latest Genesis update?
csbeckMemberThanks David.
Unfortunately, it didn't remove the empty widget or put mine in that location.
Updated code: https://gist.github.com/4511552
csbeckMemberThanks so much David. Thanks to you I'm getting close. So I've added the sidebar in and it's showing now. But I can't see where to put it correctly. I've tried several places and it doesn't seem to end up in the <div id="sidebar"> instead it goes into a separate div below it. So styling is off, which I could deal with, but there is still a <div id="sidebar"> above my new div and there's still an empty text widget inside that. I'd ultimately like to replace the empty text widget with my sidebar so that styling works as it does on the Test Catalog page. Thoughts?
csbeckMemberI would open the w3schools page (linked above) in one window (use it as a reference if necessary).
In a separate window I'd open your site's WP admin. You should then go to Appearance/Editor (on the left) and make sure you're editing the style.css file (bottom right style.css should be highlighted). Then I would search through the css to make sure there isn't some style associated with table or tbody. You could modify those, or just create your own custom table, tbody, tr and td styles by going to the bottom of your style.css file and creating new styles for that. Those styles on the bottom of your styles.css file will overwrite ones higher. In-line styling, as your site has, is going to overwrite any styling you do in the style.css file. I don't think I saw any really in-depth styling in your in-line table so you should be OK.
So in your style.css file, I would suggest adding the following at the bottom:
table {border: 1px solid #D8D8D8;
border-collapse: collapse;
margin-bottom: 20px;
margin-top: 20px;border-spacing: 0;
}
table td {
border: 1px solid #D8D8D8;
padding: 5px 5px 5px 13px;}
I got these styles from the site you said that you liked.
Hopefully this helps.
ChriscsbeckMemberHere's the code for one of the Archive pages ( I had some challenges with putting the link in my original submission above):
https://gist.github.com/4511552As a further note, the sidebar is supposed to show a custom menu. I created the menu just fine and put it in a sidebar widget and it's showing on the parent page: http://rdldev.beckerstudio.com/test-catalog
So I know the menu and sidebar actually work. It's just they aren't showing up in my custom archive pages - although they did before I upgraded Genesis. Looking at the page source though for those archive pages in the browser, there is a div or section for the sidebar - it shows an empty div. It's strange. I'm betting though that I'm doing something wrong.Again, thanks for your time.
csbeckMemberHere are some links that I have found useful:
http://mobile.smashingmagazine.com/2012/10/24/beyond-common-media-query-breakpoints/
http://www.netmagazine.com/tutorials/determining-breakpoints-responsive-design
http://webdesignerwall.com/tutorials/setting-breakpoints-in-responsive-design
I hope this helps. Chris
csbeckMemberYou will need to use some general styling of your tables. I would presume that your themeforest theme had some styling in the theme for tables and Decor might be missing this.
CSS styling site - http://www.w3schools.com/css/css_table.asp - great place to get started with your table styling.
Best of luck! Chris
-
AuthorPosts