Forum Replies Created
-
Posts
-
Yes, it's posted above in the thread. I still need to work through a few responsive issues.
Tracy
Just came back to document how I fixed the simple social icons to center under my logo for smaller screen sizes. In the responsive section of my CSS, I used:
.simple-social-icons { display: block; float: none !important; height: 100% !important; margin-left: auto; margin-right: auto; width: 175px !important; } .simple-social-icons ul.alignright { float: none; text-align: center !important; }
Tracy
Yes, make your background image that you use 960px wide.
Tracy
That theme has a smaller width and my file was created 1140px wide. The code you used worked, it's just that the right side of the image was cutting off because it's too wide for that theme's width.
Tracy
Well, I figured out a way to cheat it. I added a background image to the content area with just that color behind the sidebar. It works great. I just need to test it responsively and make sure there are no issues, but think I can just drop the background for smaller screen sizes and it will be ok.
Tracy
Ugh.
I am going to be using Simple Sidebars so that I can setup a few different ones, so I might go ahead and assign the height, but I'm not really wanting to do that because I will want the content of the sidebars to be easily flexible.
Ugh.
Tracy
Hmmmm...guess I'll have to research that some more.
Tracy
I figured it out.
#content .entry-content .slideshow-window
I came up with this after numerous trial and errors. I understand CSS enough to edit what is there, but always have a hard time figuring how to target the selectors when they are pulling defaults or something from other places than the style.css.
Tracy
I know that and understand to add !important. I know the rules that I want to add, but I can't figure out how to pinpoint the exact selectors (ID and CLASS) that I need to add to my style.css. This is coming from the jetpack CSS and I don't want to edit that file in case of future updates.
Tracy
Ok, I think I'm getting it now. I think I was automatically skipping over any of those selectors that didn't show any rules. Now I understand they are still being used and just pulling from browser defaults and I need to isolate them and write my own rules to add to my CSS.
THANK YOU both. Hopefuly now I can work some more to get this site right!
Tracy
Yes, pxforti, that's my exact question. How do I find the default css rules if they aren't being used in my style.css? There are times when I want to change the defaults, but I have no idea what to use as the rule.
Tracy
Thanks John. This is getting me on the right track. I have a general question. I'm a CSS newbie and use Firebug to find, test, and figure out how to fix or do the things I want. I'm wondering though...how do you figure out something like .menu-main-navigation-container when it's not already in the CSS? I'm guessing it's built into the Genesis theme or something, but I can't figure out how to find and pinpoint what it is I need if it's not showing up in Firebug or in my current CSS. Does this make sense? Thanks again for your help!
Tracy
Thanks everyone! I will be holding on to my "answer" to switch hosts as I've already mentioned this once to my client and she's less than interested. I will keep giving that answer to her when she complains about speed. I am also in the process of uploading final images and they will all be much smaller as I was moving quickly with temporary images during development. Thanks for all the feedback!
Tracy
I tried adding this CSS as I'm having the exact same problem trying to center images within my Genesis Responsive Slider and it's not working for me. Does anyone have any ideas?
Tracy
Oh wow, my brain was moving too fast... here's the site.
Tracy
Perfect! It's the little things. Now, I'm on my way to centering the logo and nav. Thanks Posh John.
Tracy