[SiegerVinnare]

Thanks for the response Andrea! I'll test it out soon and report back here.

[SiegerVinnare]

Andrea, any update on what method you ended up using for site-by-site css edits? I'm in the process of creating a network based on the genesis framework and I'm stuck on this one. Leaning towards the My Custom CSS plugin; however, having just read your genesis extender suggestion, which I own already, I'm now curious about how well that could work.

Cheers,
Tyler

[SiegerVinnare]

Dave, you're a genius. I had to add the code to the genesis extender custom CSS table. That is where I added the original -120px margin top code as well. I think when I put together the real site I will try to keep everything on the same CSS. I would assume that is best practice; however, I didn't know the extender was putting the code somewhere else. In fact, I still don't know where the file is exactly... I just edit it from the plugin.

Thanks again Dave! Huge help.

Cheers,
Tyler

PS. I'm going to send you a message through your website contact form.

[SiegerVinnare]

Thanks for the quick reply Dave. I tried adding that code; I added to all of the device widths and it still didn't push down the sidebar. I tested it on an iphone and an ipad. Both still had the sidebar pushed up into the content. I tried clearing the cache and it made no difference.

Not really sure what to try now. Any ideas?

Thanks for the tips! 🙂 Definitely helpful for a newbie like myself.

Tyler

[SiegerVinnare]

Thanks Dave! That was a big help. Seems to have worked. Your point about making note of the body classes helps a ton too. I kind of knew what I was looking at with those but never completely understood. I think I do now and it will help a lot with editing certain pages in the future.

The only problem I have now is that pushing the sidebar up on the store page has also pushed it up on my mobile view store page and as you probably know, the sidebar is underneath the content on mobile, so now it has pushed it up right into the main content and created a bit of a disaster. Is there a way to make it so the responsive design ignores that -120px top margin?

Thanks again for all your help.

Tyler

[SiegerVinnare]

Thanks for your reply David. I considered turning HTML5 on; however, like you said, I don't know if genesis connect will work with 2.0. I have a feeling that it won't. Hopefully they update the plugin soon.

The integration was going pretty smoothly until I used genesis extender plugin to add a widget area above the products on the woocommerce shop page. I can't get the sidebar to stay at the top; seems to stay pushed down no matter what I do. I added that -120 top margin and it worked, but then messed up the sidebar on a couple other pages.

I am considering adding the woo sidebars plugin to manage my sidebar content, but I'm afraid I'll run into problems with that too.

Any tips for getting my sidebar to stay up at the top would be a huge help!

Cheers,
Tyler

PS. I have taken out that -120 top margin code so the sidebar shows up perfect on my brand pages, but on my main shop page it is pushed down about 100-120px.

[SiegerVinnare]

Here's another vote for the Minimum theme to get updated! Currently building 2 websites on it and it is one of my favorite themes to date.

[SiegerVinnare]

Thanks for all your help Spanka! That worked perfectly. I have Firebug and use it for most basic adjustments that I need but I never done something like the above yet, so I wasn't sure what the best way to go about it was. Still learning CSS as I go here.

Again, appreciate your help!

Cheers,
Tyler

[SiegerVinnare]

I tried it both ways and it still doesn't seem to work. The code edit stays but it just doesn't visually change anything. Is there any other code that may affect the same thing?

Cheers,

Tyler

[SiegerVinnare]

I tried that and it didn't work. For some reason when I change that it doesn't seem to actually change it. It says changed on the stylesheet but when I open up the page in the browser and use firebug, firebug still says it is 40px.

Here is the exact code I have in my stylesheet - copy and pasted.


#header .widget-area {
float: right;
padding: 20px 0 0;
width: 480px;
}


Not sure what to do now.

Appreciate your help!

Cheers,
Tyler

[SiegerVinnare]

Thanks Brad! That's awesome. I made a custom class like you have shown above but the only problem I am having is that for some reason my header image is being covered by a large rectangle that is the color of the custom theme I am using. You will be able to see what I mean on my site here: http://bit.ly/VCDQm7

[SiegerVinnare]

That worked perfectly! Thank you very much anitac. Huge help.

Cheers,

Tyler

[SiegerVinnare]

Thanks anitac, that helped! Unfortunately it still forces me to crop my header to 87px when I upload it. The container is bigger but it just makes me crop it once I upload it. Any ideas?

 

Thanks again for your help!

[Author]

Posts