Forum Replies Created
-
AuthorPosts
-
stinkykongParticipant
you might try:
.genesis-nav-menu {
background: -webkit-linear-gradient(0deg, #000, #0f0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(0deg, #000, #0f0); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(0deg, #000, #0f0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(0deg, #000, #0f0); /* Standard syntax (must be last) */
}adjust your colors as needed and for more complex options, see: http://www.w3schools.com/css/css3_gradients.asp
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThanks, Robin. I have (or had) two similar nav bars, trying to get either to do what I needed. I actually just figured out a solution and am still putting some finishing touches on it. Using javascript, actually the same javascript that adds a new class to .site-header, to add a new class to .nav-primary which I called .downBoy. I changed the position of .nav-primary to fixed and adjusted its top value with and without the added class of .downBoy.
It's working somewhat and getting better as I go.
Thanks
$(window).scroll(function () { if ($(document).scrollTop() > 1 ) { if ($(document).scrollTop() > 1 ) { $('.nav-primary').addClass('downBoy'); } else { $('.nav-primary').removeClass('downBoy'); } });
Web Design by Websentia Web Services
http://websentia.comJune 12, 2014 at 10:36 am in reply to: Executive Pro: Different color scheme for secondary NAV #109490stinkykongParticipantIt's a little confusing to understand which menu you mean by primary and which by secondary. The header menu has an ID of "menu-primary" while the lower menu has a CLASS of "nav-primary", an ID of "menu-secondary" and a CLASS of "menu-primary". They each have a CLASS of "genesis-nav-menu" and that's what you're currenlty using to style each.
So you could leave that confusion as it is...just knowing it might haunt you later. You style the lower menu separately, (for instance, remove the image) by adding a rule like:
#menu-secondary {
background-image: none;
}Maybe this will get you started.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI'm not the developer you describe but you might consider the Layer Slider plugin which comes with a widget to place in any sidebar or widgetted area. It uses a WYSIWYG interface. Only basic HTML is ever needed.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThe rule that spaces these sections is:
home-even, .home-odd {
clear: both;
font-size: 28px;
overflow: hidden;
padding: 190px 0 200px;
text-align: center;
}somewhere around line 1101 of style.css
Change the padding values eg:
padding: 50px 0 50px;
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantyou could work with the following, add this just before your @media queries in style.css. I think it will work to change the background to white and text to black:
.archive-description h1, .author-box h1 {
color: #000000;
}
.archive-description, .author-box {
background-image: none;
background-color: #fff;
color: #000000;
}
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't understand the whole WP.COM thing at all. WPVIP seems to be for the seriously minded or at least those with a hefty budget, but philosophically the antithesis of WP.ORG...... the Anti-Press, no?
I would be lost without you folks. In the other environment, I'd probably be lost and alone.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantPhotoshop works fine for this. Place or open the image in Photoshop. Create two new layers that will be above (i.e., on top of) the photo. Select one of the new layers, and you can either draw a rectangle (which you'd do in Illustrator), or you could use Photoshop's Paint Bucket tool to fill the entire frame with color. On one of you layers use full black (#000000) while in the other layer, use full white (#FFFFFF), then adjust the opacity which in Photoshop is in the layer's palette (at least in my version CS4). 0% lets your image show through fully and increasing the %-age either darkens or lightens, makes richer or brighter.
Web Design by Websentia Web Services
http://websentia.comApril 22, 2014 at 5:55 am in reply to: Agency Pro – change width of content block on home page and only for home page #101825stinkykongParticipantYou might try this:
.home .site-inner { max-width: 100%;}
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantstinkykongParticipantThis is doable with Gravity Forms but also might be doable with other forms using CSS and background images. Do you have a link to share.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantIt's in line 1042 of style.css where the rule reads
img.alignleft, img.alignright, .alignleft img, .alignright img, .featuredpage img, .featuredpost img {
border: 1px solid #DDDDDD;
max-width: none;
padding: 4px;
}So you can see there is a 1pixel solid border that is a very light grey. You can right a new rule for that page specifically or remove that rule which changes the styling globally.
Since that page has a body class of page-id-32, you could write a new rule
.page-id-32 img.alignleft, .page-id-32 img.alignright, .page-id-32 .alignleft img, .page-id-32 .alignright img, .page-id-32 .featuredpage img, .page-id-32 .featuredpost img {
border: none;
}You actually only need the rule affecting img.alignleft in this particular case but the rule above should remove the boarder.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantTom, thank you so much. It took me a little while to find time to work on this. I changed the values from pixels to percentages and used 85%. It took some toying around to even figure out what each value did. Then I had to work with the CSS to balance my changes.
This is all really cool when it works. I appreciate your help.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI looked around your website. It seems that for some reason you are avoiding the use of heading text (h1, h2, h3, h4, h5, h6). Is there a reason for that?
That is how you would easily style what you call sub headings by use of those tags in additions to helping search engines digest the structure of your content. You would have to add or adjust rules to your style sheet. You can do that on a per-category basis if that would separate you from the rest and not interfere with others' styling.
Other sites in your domain, such as the articles section, use span tags. You could do the same. But that's more work and you're overlooking the use of the six levels of headings available.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantThere are multiple rules at play.
There are widgetted areas specific to the home page and there are the widgetted areas in the primary sidebar on all pages. The issue with each has to do with a border being applied to a variety of container divs.For those in the primary sidebar for all pages there is a rule:
.sidebar .widget {
border-bottom: 3px solid #F6F5F2;
}For the left two boxes on the home page there are these rules adding borders:
.home-middle-right {
border: 1px solid #F6F5F2;
}as well as
.home-middle-left {
border-right: 1px solid #E3E3E3;
}If you get those addressed that may do all you want but there is also a border applied to larger containers
content-sidebar .content, .content-sidebar-sidebar .content {
border-right: 1px solid #E3E3E3;
}
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI don't have an answer for the menu issue. I've seen it brought up before but don't recall that it was ever identified. If it's really a concern for you, you could use a negative left or right margin for ".genesis-nav-menu .menu-item "
Your transparency issue is behaving as expected. Rather than changing the opacity of the container div, you probably want to use a transparent color value like the following:
.content .genesis_responsive_slider .slide-excerpt {
background-color: rgba(34,121,161,0.8);
}Regarding the linked pictures, I don't think this is unlinkable but I may be wrong as this might possibly be done via functions.php but in lieu of that option, I would simply use a text widget rather than Genesis Featured Page or Genesis Featured Post widget and code the HTML in as needed. There is a handy plugin called Black Studio TinyMCE Widget that enables the WYSIWYG editor for text block in your widgets panel if writing the markup is too much work.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantYou can add a custom body class on any page or post. Look below your content editing area for a single line box for custom body class under your layout settings.
With a custom body class applied, you can then create new CSS rules but it's done "per rule" so depending on how much you want to change, you'll be rewriting CSS rules.
For example if you have a rule
.site-inner {
font-size: 1.6rem;
}then you could change that for your page/post with the custom body class of "yourClassName"
.yourClassName .site-inner {
font-size: 3.6rem;
}All text inside .site-inner would be larger on any page with that body class applied.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantI think it actually did, Laurel. I can see the changes.
I'm willing to bet that your browser or ISP caching is preventing the change from showing for you.
See this screenshot at
http://websentia.com/documents/exampleScreenshots/Screen%20Shot%202014-03-23%20at%201.42.06%20PM.png
You'll see that using both suggestions went overboard. I'd remove the padding rule first and check it on various screen sizes but you'd have to get your cache cleared to see.
Did you try your refresh button? Can you try another browser? Maybe an issue with your ISP.
You could also check it at
http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fbigsistersummit.com%2F&tab=desktop (small viewing window)
or perhaps
http://quirktools.com/screenfly/
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipant.site-header by default in Agency Pro is given the rule
position: fixed;
which keeps the header section (with the widgeted menu in the demo) always visible at the top and covering content underneath it. So increasing the height of it will either have to be compensated in one or two (or more?) ways.
Give it a rule changing the position from fixed to static or relative
position:static;
or
position:relative;Put a rule back in (I believe your removed this...not for sure) giving top padding to .site-container
.site-container { padding-top: 37rem;}
However, the padding option may not work best on various screen sizes.
Hope this helps.
Web Design by Websentia Web Services
http://websentia.comstinkykongParticipantOk, did this not work for you?
http://my.studiopress.com/tutorials/category-blog-page/
To read that post, you'll have to be logged in to MyStudioPress.Com, a separate login from this forum.
Web Design by Websentia Web Services
http://websentia.com -
AuthorPosts