Forum Replies Created
-
AuthorPosts
-
November 14, 2013 at 8:07 pm in reply to: Changing Text and Image positioning on category pages! #73049stinkykongParticipant
changing:
#content, #content-sidebar-wrap {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
float: left;
padding-top: 40px;
width: 100%;
}to this:
#content, #content-sidebar-wrap {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
float: left;
padding: 40px 20px;
width: 100%;
}
(note: the 20px adjusts the left and right padding)
would do what you want but if you have any primary or secondary sidebars on any pages, you would have to adjust their widths so not to exceed the width of their containing div.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThe rule in style.css that affects that is:
.home-top .wrap {
color: #FFFFFF;
font-family: 'Spinnaker',sans-serif;
padding: 15% 0;
text-align: center;
}So the 15% could be reduced to lessen the padding of the Home Top Widget area. If you wanted to keep the contend below that out of sight perhaps this would work.
.home-top .wrap {
color: #FFFFFF;
font-family: 'Spinnaker',sans-serif;
padding: 5% 0 25%;
text-align: center;
}
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI would increase .sidebar-primary width. I think you could add 100px to make it 432px. Does that work for you?
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantIn style.css, find the rule ".site-container" and notice there is a height of 0 and a text-indent of -9999px. You could experiment with the height of around 50px and remove the text indent rule or set it to 0px.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThe header is the full width but your background image is the old width. Since you have your logo as part of the background image of the header, it cannot repeat without looking goofy.
A quick fix would be to assign a background color of #333333 (or something close) to the header which would fill the space.
But, better yet, I would move that image to be used as a background for the title area div and use a similar image ( a cropped version without the lettering) for the header background.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantCNeuman, I don't think you need to make any changes in your inline CSS edits unless for some reason you used IDs or classes that mimic the old tags that no-longer have rules to govern them. From what you imply, I don't think that would ever be the case. All should be good unless you see something odd.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThe new Agency Pro is nothing at all like the old Agency. This is true of all the new versions of themes of the same name but especially so for Agency.
I don't know why they keep the same names on some of these but my take is this: The old Agency is one of my favorites and most used for customization...a very flexible design.
The new Agency is totally, totally different. The flexibility I think it offers comes from the background image and how strong a role it plays in the visual impact. That means you must rely heavily on it and have some image editing skills which for some people is a plus but for others would perhaps appear to be a crutch.
I find the new Agency to be promising but not at all a viable substitute for what the old Agency had to offer. The ability to convert the old Agency to HTML5 successfully gives us the best of both worlds. Today, I am happy to use both.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantYou can look at the source code of each version (your conversion and the new agency pro). You'll see in the body tag on any page a mention of "itemscope" which shows that the theme is converted. You'll have to take careful review of all page elements, especially those you don't have visible on a new site (maybe the alt sidebar is still wonky, or the footer is reformatted with text aligned to center, etc, etc, etc). The conversion also might throw your header image out of kilter....all is fixable through further adjusting CSS.
Now in answer to your question, "Is my old Agency theme now just as good as a new “Pro” theme ...". It's in the running with all the other themes. Maybe one is better than another in minute ways...I don't know, but perhaps that's a good question for the floor (here) or even to Studio Press support.
BTW, there is a plugin called Microdata Manager by Brad Potter that offers you the ability to change some of your microdata tags on a per-page basis. Microdata being so complex, I don't know what the advantages are SEO wise either today or tomorrow but with HTML5 activated, you're prepared to take advantage of it all.
Hope this all helps. Give us a link when you're up and running.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI'd experiment with the widths of the three bottom widget areas. Perhaps change them from pixels to percentages and use 32% or so.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantRob, the questions you're asking don't really have specific answers so you're in for personal opinions so here's mine.
Security: use Genesis. Install the Akismet plugin. Keep everything updated. Use a reputable hosting company...there are many...I use Hostgator. Understand the backing up process....see that your hosting company backs up your site or schedule a weekly backup yourself. For web forms, Gravity Forms has captcha and spam honeypot features. Keep plugins to a minimum and review their stats before installing so you can keep all updated consistently.
Root folder / subfolder: Depends on the purpose of your installation. Do you need a separate structure or look from your main site? Is your main site also in WordPress? (questions to ask yourself)
Suggested reading: Lisa Sabin's WordPress Web Design For Dummies
Web Design by Websentia Web Services
http://websentia.comOctober 20, 2013 at 12:39 pm in reply to: Lifestyle Pro: How can I combine Wdigets and Recent Posts on my Homepage? #67866stinkykongParticipantThe Show Category Archive Link only works when you specify a certain category. So you could have a parent category of "blog" that shows all your blogs posts or you could do a number of things to add a "read more from my blog" link (whatever you'd like to call it).
Simply adding a text widget below your Genesis Featured Posts could do that but may put unwanted borders, margins, padding, etc that would come with it. The ZigWidgetClass plugin adds a box at the top of each widget that enable tagging any widgeted block with a class that you could style to your hearts content.
Also, you could enable a new sidebar in functions.php and perhaps in home.php (if there is one) if you're up to that (but be careful so not to break your site) and style that new widget to your heart's content.
Web Design by Websentia Web Services
http://websentia.comOctober 20, 2013 at 11:25 am in reply to: Lifestyle Pro: How can I combine Wdigets and Recent Posts on my Homepage? #67857stinkykongParticipantIf you want your recent 5 blog posts to show above Home-Bottom-Left and Home-Bottom-Right, in your widgets admin panel, drag the Genesis Featured Posts widget into Home-Middle; select settings to suit which would include number of posts to equal 5 and categories to equal "all".
I hope that helps.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't know the wide range effects of this but you might try adding a CSS rule or adjusting your rule to include:
.content-sidebar #content, .sidebar-content #content {
width:100%;
max-width: 594px;
}
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantpxforti, thanks for your link. There's a lot to learn there. I want to be able to put the content-limit in as well and I bet there is a way to do that....just haven't found time to research
however
The Appfinite Themes such as Ally and Epik have the portfolio deriving from a defined category with similar choices to the Featured Post widgets that come with Genesis. I would love to hear about the advantages of the new Geneisis 2.0 portfolio over Wes Straham's method.
walidmrealtor, yes, Wes is great to work with when you can get attention from his busy schedule. But I think that if you already have a theme that uses the portfolio set up, the pieces are there for the picking, if you can get them all.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantIt's very easy. You should Google search "CSS Background" and learn from sources such as W3Schools because there is so much you can do with backgrounds.
You'll have to toy this the %age but the rule would be
background-size: 100%;
This refers to the width.
(edit: this goes in your stylesheet)
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantOk, that's why. You will need to FTP the file into the images folder of your child theme.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantIf you provide a link, I might be able to better help. That looks good to me but it might be where in the CSS file you're placing that . (Any rule below another would overwrite the one above in the event of a conflict.) So there might be a rule below your example code that reverses what you're trying to accomplish.
OR
You might not have your background image uploaded into the correct folder. Is there a file bg.jpg in the images folder inside your Outreach/images folder?
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantAll themes pre-HTML5 (not labeled "Pro") have the same basic set of named divs or modules as you call them. Some themes, such as Outreach, have the the divs for the header, the nav bar, the page content, the footer-widgets, and the footer (Outreach adds a "sub-footer") all at full width which means their backgrounds reach across the whole page, sometimes with the image positioned as centered.
Other themes assign a width to the "
#wrap
" div that contains all the above which constrains the backgrounds of those divs to the assigned width, which would be roughly 1060px in Outreach.So, in style.css, if you find all the divs you want to not show a background such as
#header
,#nav
, and#inner
in your case, you can comment out their background rules by putting/*
before them and*/
after them, their backgrounds will go away. Then you can add your single background image either to yourbody
tag or to your#wrap
.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantOh but the NEW Agency is indeed HTML/Schema ready. It's the old Agency I was referring to for the changes. All new themes (labelled "Pro") appear to have the feature built-in.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't know much at all about local database sites so I don't know that I can help. Studiopress support is probably a better source. What I have done is save local copies of functions.php and style.css as functionsBAK.php and styleBAK.css in case I need the originals to save back as functions.php and style.css. Then when I'm ready to the switch which takes maybe an hour, I open functions.php, add the HTML5 enabling code and upload. The site won't break but the layout will...mainly your divs have lost their styling because their ids and classes have been renamed. So I go through the list of changes that need to be made to style.css and do search/replaces on the designated tag names, starting at the top and working down to the bottom (with ONE EXCEPTION in that I change #sidebar-alt before I change #sidebar to their new names).
Do you have an online link for your site?
Web Design by Websentia Web Services
http://websentia.com -
AuthorPosts