Forum Replies Created
-
Posts
-
Rob,
The stacking is due to
display: block;. Set that todisplay: inline-blocklike I posted in the css above.
Rob,
The text-align attribute will center more than just text. Removing the float and setting the display to inline-block is the key.
Rob,
Here is what I came up with;
/* style.css line ~2882 */ .pricing-table{ width: 300px; padding: 0; list-style: none; float: none; /* remove floats */ display: inline-block; /* set display to inline-block from inherit */ position: relative; vertical-align: top; /* set vertical align to top */ text-align: center; /* make sure text-align is set to center */ background: #fff; position: relative; border: solid 1px #f1f1f1; z-index: 9; margin-right: 10px; -o-transition: box-shadow .3s linear, opacity .3s linear; -moz-transition: box-shadow .3s linear, opacity .3s linear; -webkit-transition: box-shadow .3s linear, opacity .3s linear; transition: box-shadow .3s linear, opacity .3s linear; }It may possibly help to set the parent .pricing-tables to
text-align: center;, but I am not sure if it will really make a difference.
Hello,
I came up with this solution.
/* style.css line ~686 */ .entry-title { font-size: 35px; font-size: 2.2rem; line-height: 1; font-weight: normal; /* set to normal font weight */ } .entry-title a, .sidebar .widget-title a { color: #686868; font-weight: normal; /* set to normal font weight */ }Your menu bar items had a font-weight of 300, which is pretty light. Were you able to fix those?
Hello,
Tossing out an idea.
Since I am unaware of the development environment-- have you tried using a full url for the image? If you are on a page, lets say http://www.testsite.com/about. The image url would change to http://www.testsite.com/about/wp-content/images/prcc-header-right.png
Hello,
Since the :hover event in css is just setting the elements to an opacity of 0, the elements still maintain their structure (Similar to using visibility: hidden). I was able to get this working in Chrome by removing the opacity declaration and add the display to none during the hover event.
/* style.css line ~771 */ .home .listing-wrap:hover span, .home .listing-wrap:hover a.more-link { display:none; }Try it out. Confirm it works in the needed browsers.
Hello,
Try this css within your style.css file.
/* style.css line ~1548 */ .entry-comments-link::before { content: "\00a0"; /* empty space */ margin: 0 13px 0 2px; margin: 0 1.3rem 0 0.2rem; }
Hello,
Since there is not a filter or action within the Genesis core callback, the default callback will have to be removed and a new custom callback will have to be attached in it's place. Try the code below;
https://gist.github.com/rfmeier/8cbe9895612a9dff5a95
Hello,
Did you ever get anything to work? Do you have an example of the image you want on the background of the blog?
Hello,
The function Genesis uses to create the
<html>element uses the WordPress function language_attributes(). This function uses a the filter 'language_attributes' before the attributes are added the the html element. You can hook into that filter and add your custom attribute.
Hello,
The third level menu items (ul elements) have a static margin assigned to them, so if the link element padding changes across the menu the third level menus will be off.
I was able to mock changes in Chrome to get good results.
/* style.css line ~504 */ .menu-primary li ul ul, .menu-secondary li ul ul, #header .menu li ul ul { margin: -45px 0 0 220px; }This should hopefully take care of the issue or get you closer.
I took a quick look at the site. With a html inspector (using Chrome or Firefox) you will be able to see the widget's id attribute-- This is unique for the page. As an example, the large featured post widget element has the id of featured-post-18. You could like css like so;
#featured-post-18 .comment-count { /* add your styling */ }If you wanted to style all featured post widgets,
.featured-content .comment-count { /* add your styling */ }You could also probably target widget areas, which would most likely share styling between each other.
I hope this makes sense. Throwing out some ideas.
Hello,
There is padding that is pushing the link (which has a white background) over the blue line. It can be fixed within your style.css file.
/* style.css line ~952 */ .genesis-nav-menu a { color: #124E67 /* #617984; */ display: block; padding: 20px; padding-bottom: 0; /* remove the bottom padding if the link */ position: relative; }That should take care of the problem.
Hello,
Does the site happen to be live? Could we get a link? You could probably use css as each widget has a unique css class name when rendered onto the page.
