Forum Replies Created
-
AuthorPosts
-
stinkykongParticipant
Lots of ways to go about this depending on what you want on your home page. If your home page content is relatively static, you could create new page in the WP admin area and choose the full width layout option. Which is what you may have already done.
If you want widgeted areas, you could program that yourself with a home.php file and added sidebars in functions.php. It would be much simpler to use a child theme from Studio Press and make adjustments to that.
If you want blog posts on your home page and blog posts on your blog page, you could manage with categories and set the default layout for each category (not certain you can do that with the Genesis-Sample child theme).
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantOne problem when building a WP site and adding so many ingredients such as plugins, there are issues you run into that may make it easier to start over from scratch, not only when you try to upgrade to HTML5 but even more so when you move to a responsive design which you don't have currently. It may be that the converter (or any way to manually convert to HTML5) may require a responsive theme....I'm not sure. But what I see with UberMenus and MegaMenus, etc, etc, I think you might be better doing what SnakeAir is hinting at and upgrade to the new version of News and move from there. Surely a lot of work but I'd predict that to be the easier way.
This is probably of no help at all, but it's the way I'd approach this. I believe the responsive aspect is even more important than the HTML5 aspect. Both are good and both come with the News-Pro version.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't have a simple answer. You may be in for some research depending on exactly you want to replicate the example you offer here. I see a different background image inside the search box that you'll have to somehow change, if that's what you want. Currently you're this image from google which is more mono-chromatic.
http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif
Regarding other aspects such as the width of the searchbox which is currently 100% and other CSS, I would use a simple plugin called Zig Widget Class which adds the ability to add a custom class name to each widget box in your admin area. Come up with a new class of any name you choose such as 'google-my-site' and add rules to your style.css file such as
.google-my-site input, .google-my-site select, .google-my-site textarea { width: 70%}
.google-my-site input[type="submit"], .google-my-site button {width: 30%}If you use tools such as Firebug for Firefox or Chrome's developer toolbox, you can right click on your page elements and see the rules that govern them...then recreate those rules with the custom class you created to make all the CSS changes you need.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantOk, I see those rules but not with your color values. The rules that my browser sees do not come from your theme's style.css but rather from a source related to what appears to be a minify plugin (I'm guessing).
My guess is that there is a plugin or script that caches your styles and is preventing (delaying or masking) your changes. I would expect your style sheet to be at:
http://alcortechsolutions.com/rttheme/wp-content/themes/executive-pro/style.css
but instead, it is
http://alcortechsolutions.com/rttheme/cache/minify/000000/....etc...etc....etc
If you don't have a plugin related to this, then I'd check with your hosting provider.
Sorry, I'm not able to help much with this.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantYou might might be a little more detailed. Maybe mention two or three examples of what rule you're adjusting and what it is you expect to change but aren't able to accomplish.
I notice you have the orange theme selected in the Genesis theme preferences. That means that all the rules that start with "executive-pro-orange" will have greater importance than a rule you add that doesn't contain "executive-pro-orange".
OR you may be experiencing cache lockup with your ISP or even on your local machine that needs to be cleared. What rule change doesn't seem to work?
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantBody class method was the way I was thinking. However, there are other considerations such as, "does this image have a function such as a link or alt text?".
What I might do, is remove the current image but use CSS to add it as a background, then using the custom body tag, write a CSS rules that puts a different background image in on your particular page.
Now I see Sridhar's option....may be good, also.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThis reply has been marked as private.stinkykongParticipantI don't know Lifestyle but other Genesis child theme colors work much the same way. Look in your functions.php file and you'll see code similar to this found with the Agency theme:
//* Add support for additional color style options add_theme_support( 'genesis-style-selector', array( 'agency-pro-blue' => __( 'Agency Pro Blue', 'agency' ), 'agency-pro-green' => __( 'Agency Pro Green', 'agency' ), 'agency-pro-orange' => __( 'Agency Pro Orange', 'agency' ), 'agency-pro-red' => __( 'Agency Pro Red', 'agency' ), ) );
That creates the option in the admin area. So copy/paste one of those color-related lines into place and rename as you wish. (Always have your site backed up before making changes to your functions.php file. I prefer to work with functions.php locally, then upload so I and simply undo any changes in the event that it breaks my site...that's a real danger!!)
Then in your style.css file, you'll find color-related rules grouped together. I'd select a color section, copy/paste into place, then rename the rules to match my functions.php file added listings and style away.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantDeisolive, I apologize for not being able to help. I can't even see the same as you do. Since this thread shows so many replies, I don't think people are likely to respond. I would create a support ticket and ask them to take a look at this thread.
You'll have to log in for support and go to http://my.studiopress.com/help/
Again, I'm sorry I'm not able to be of help.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantPerhaps you need to clear your cache. I don't think I see your problem on any of my browsers.
See this screenshot: http://websentia.us/testImages/Screen%20Shot%202013-11-25%20at%207.09.53%20AM.png
You can tighten up the top area by setting margin in .site-title to "0". Also your .site-container had padding that could be reduced on the top. Plus, you could float your .simple-social-icons to the right.
.site-title { margin: 0}
.site-container {margin-top: 0}
.menu-primary .simple-social-icons {float:right}I hope this helps. Not seeing what you're seeing, I'm afraid.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThis appears to be fixed. Is that correct? Or is the problem at another website?
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantAll experimenting but try adding:
#nav .searchform { width: 94%; } #nav li.search { padding: 0 0 0 25px; }
The 94% width can be tweaked and the second zero of the padding might be a few pixels.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantUsing Firebug, I see you have
form class="searchform search-form"
and inside that form is your button
input class="searchsubmit search-submit"
so, in style.css (your stylesheet), you should try working with a rule something like
.searchform .searchsubmit { visibility: hidden; overflow: hidden; }
Where you see ".searchform .searchsubmit " you might be better off with one of these:
.search-form .searchsubmit
.search-form .search-submitor you may only need one of these:
.searchsubmit
.search-submit
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't take work on from this forum. I assumed that with a custom site, that you had already done a lot of work and didn't go into great detail. There are some developers for hire listed on the StudioPress site. I have used Jennifer Bauman http://dreamwhisperdesigns.com/genesis-tutorials/load-sidebar-specific-pages/
The rules I suggested, you have managed somewhat thus far. In the media queries near the bottom of style.css, you can add particular rules for smaller screen widths. That's where I would suggest adding rules such as my recent suggestion.
.featured-one .widget, .featured-two .widget {
width: 100%;
float: none;
text-align: center,
/*etc, etc, etc*/
}Not absolutely sure that will fix all that you want...it's just a suggestive stab at the problem you're facing.
There's more to CSS that can be mentioned here but you can begin with what the community offers and learn from experience.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't know all the details you're to face but I think you're getting there since your new Enews widget does respond to screen size now. I'd look at adding rules in your media query section. Some screen width and below will want to have rules such as:
.featured-one .widget, .featured-two .widget {
width: 100%;
float: none;
text-align: center,
/*etc, etc, etc*/
}
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantYeah, sorry. Can't help much without a link.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI just noticed another little thing: site-container has some top padding there, too. If you want that on other pages than the home page, you could write a rule:
.agency-pro-home .site-container {
padding-top: 0;
}I also wonder if adding .agency-pro-home to the beginning of the rule above would make that rule stick.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI think it's in your math.
.featured-one .widget {
float: left;
margin: 15px;
width: 70%;
}is too wide. It's change it to a width of 60% which fixes one problem but then you have responsive issues with your AWeber form which I guess uses pixels for its dimensions.
I would investigate the Genesis Enews Extended plugin which I am pretty sure can be configured to work with AWeber. I have used it with Mail Chimp. There are some code snippets you may have to copy/paste but once it works, it works very well in responsive design.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantLink would be nice. Don't know what child theme you're using but most any div will display its background above its container div's background.
So, site-title should be above title-area should be above wrap should be above site-headershould be above body
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI think in the new child theme's functions.php file you would need to add :
// Enable HTML5 markup add_theme_support( 'html5' );
Your old version is HTML5 enabled while you're new version is not. That would change all the tags.
Be sure to backup before working on functions.php
Web Design by Websentia Web Services
http://websentia.com -
AuthorPosts