Forum Replies Created
-
AuthorPosts
-
PeterMember
Add the keyword
center
to the background. Look for this in your css file and add center as shown.#title-area a {
background: url(http://dangerouscupcakedesigns.com/wp-content/uploads/feb-trans-logo.png) center no-repeat;
}If you want to center and scale the size of that background image then you could add forward slash, like so:
#title-area a {
background: url(http://dangerouscupcakedesigns.com/wp-content/uploads/feb-trans-logo.png) center/40% no-repeat;
}PeterMemberI suggest you do something like this:
<a class="ebook"><img src="http://..." /></a>
#enews-ext-2 .ebook { display: block; text-align: center; }
PeterMemberNo prob. In case you want to use the line-height way, make sure to adjust the line-height on the outer container (e.g.,
#text-6
or.textwidget
, etc) and not directly on inside elements (such as the img).PeterMemberor just give it padding: 250px; or something instead of margin auto.
PeterMemberWill there be content in those empty columns? Or are you using those empty columns to center your content? If the latter case then don't make empty columns, better to give your content a width, and then use margin auto to center it. For example...
.yourcontent { width: 700px; margin-left: auto; margin-right: auto; }
PeterMemberWish the edit button didn't disappear... I forgot widgets provide unique
id
s already, scratch that no need for adding any class names 😛PeterMember...but it might not be a good idea to remove the line-height from .textwidgets. Maybe you can try
img { display: block; }
. Could be a good idea to give the parent container or those imgs a class name, if you only want to target those ones.PeterMemberThis usually happens because of line-height. In your case
.textwidget
inheritsline-height: 1.625;
from the body element.You could try
.textwidget { line-height: 0; }
to prove it.PeterMemberYes any theme can Genesis is no exception. For example if you check the default Genesis theme you will see there is a rtl.css stylesheet.
PeterMemberYou can use the vertical bar | symbol to list multiple fonts. For example:
add_action( 'wp_enqueue_scripts', 'sp_load_google_fonts' );
function sp_load_google_fonts() {
wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Lato:300,700|Open+Sans:400,700', array(), CHILD_THEME_VERSION );
}You can add as many fonts as you want, just separate them with a vertical bar |
PeterMemberYes, see here: http://codex.wordpress.org/Sticky_Posts
Post > Publish > Visibility > Sticky
PeterMemberThat's an outdated link. Get the latest Sample Child theme from My StudioPress > Downloads > Genesis Sample
PeterMemberDon't know what you did, but Sample Child theme is an exact replica of the default Genesis Framework theme.
PeterMemberAll right no problem.
P.S. Just in case you're tempted to try Prose anyway - to be absolutely clear there is no "point-and-click" solution to creating that 3-column layout. Prose will absolutely not help you whatsoever 😀
PeterMemberProse or no Prose, the process would still be the same for any theme if you want that 3-column layout.
I wouldn't recommend Prose, I have the theme. First, it's an older theme (HTML4) and "no coding" isn't really accurate. It just gives you a little design panel that let's you adjust a few things like color, font, layout. Not good in my opinion, it would be much easier and efficient to just write your own code. Even if you don't know how to code, I doubt Prose would be the answer you're looking for. But all themes have Money Back Guarantee anyway, so you could give it a try and see for yourself.
PeterMemberWill Prose make that easier to accomplish? No. Technically any theme can do that.
In the Prose demo page, go to Templates > Columns Page to see an example. Also this might be helpful: http://my.studiopress.com/tutorials/content-column-classes/
PeterMemberTry this:
.site-title a { background: url(http://manitowocsoccer.com/wp-content/uploads/2014/01/GoalGetters-United-Soccer-Club.jpg) no-repeat center/contain; }
PeterMemberGood 🙂 That was for testing, but it would probably be easier to use
background
shorthand instead if you want to adjust the display/position of the background.January 22, 2014 at 7:17 pm in reply to: Increasing the space between elements in page template #86566PeterMemberBasically you'd want to to add
margin
orpadding
to the element. For example,.site-header { margin-bottom: 20px; }
. Good news is CSS is 10x easier to learn than Greek (or any other language) :). You can learn the basics in about a week and know how to perform most common tasks (such as spacing).If you haven't seen this already, then this might be useful to you: http://codex.wordpress.org/Know_Your_Sources. See the "Learning CSS" section. I suggest "HTML Dog CSS Beginners Guide" for fast and easy learning. But any of those CSS tutorials will do -- one is all you need. After learning the basics, the best reference in my opinion is MDN (by the developers of FireFox). Also, making use of your browser's element inspector will speed up your CSS learning tremendously (Google Chrome provides css hints)
PeterMemberNice, looks like you fixed it. No problem, glad I could help.
-
AuthorPosts