Jump to content


  • Posts

  • Joined

  • Last visited

littlevictorian's Achievements


Newbie (1/7)



  1. Ugh, it does work perfectly in the browser... Apparently it just won't work when inserted into a wordpress post. Thanks for checking it out.
  2. I'm trying to use a sprite for the first time, and I've done something wrong. <head> <style type="text/css">.csstest a{display: block;width: 500px;height: 750px;background: url(http://www.littlevictorian.com/wp-content/uploads/2013/11/SofaRolloverSprite.png);background-position: 0 0;}.csstest a:hover {background-position: -500px 0;} </style></head> <body><div class="csstest"><a href="http://www.littlevictorian.com/?p=1180"></a></div></body> Could someone please let me know what I'm doing wrong? Thanks!
  3. Also having another font issue. The tagline font displays fine when I open the site on my laptop, but on our second laptop, it shows the default font, not my chosen web font. Both are running the latest Firefox. What's confusing me further is that on the second laptop, when I open my current Blogger blog, the same web font displays just fine...just not on the WordPress blog.
  4. I'm trying to change the font of my blog title. Somehow, I'm screwing it up. I installed two web fonts, one to use as the title and one to use as the tagline. The font for the tagline works just fine. The title, however, won't take, it just keeps defaulting to serif. Here is why I'm lost: 1. I can use Cinzel (the font I want as the title) as the tagline and it works just fine. 2. I can change the title to Verdana (or any other random font), and that works fine, but when I try Cinzel, it goes back to serif. Anyone know what I'm doing wrong? Here's the blog. @import url(http://fonts.googleapis.com/css?family=Cinzel);@import url(http://fonts.googleapis.com/css?family=Parisienne);/*** header ***/#title-area #title {text-align:center; text-transform: uppercase;}#title-area #title a{font-family: 'Cinzel', serif;}/*** tagline ***/#title-area #description{text-align:right; font-family:'Parisienne', cursive; color:palevioletred; font-size: 20px;}
  5. I have another question. I'm fully aware that it's going to sound stupid, but if I don't figure this out, I'm going to be asking you guys for help every day. And I know you don't want that. In WP, how do you find out which elements are overriding the CSS changes you try to make? I'm used to using Inspect Element to find the selector, changing it in the style sheet and I'm done. But with this WP site, there seems to be something overriding almost every time I try to make a change...and I can't find the rule that's in the way. When I test the changes in Inspect Element, it looks perfect, but when I try to make them, nothing happens. For example, when I was struggling with the above issue, I never saw #inner in Inspect Element. (Yes, #inner is a pretty obvious one to miss, because I should have know it was there, but still, it didn't show up.) What am I missing here?
  6. Thank you so much! I really appreciate it.
  7. Sorry, should have added more details. I am actually trying to make it smaller than it was originally. I resized the content area to 600px, and the sidebar to 130. I changed the header and footer area to 775 as well. The two widgets in the sidebar are set to 125px. Obviously there are other elements over-riding it and I just have no idea how to figure out what those are. Is it too soon to hate WordPress?
  8. No offense taken, thank you for your response! I do have a good handle on HTML and CSS basics (I already created a similar header and drop down menus from scratch in HTML and CSS for my old Blogger blog), what I don't know is PHP. I purchased the Prose theme on the Genesis framework so I could get a handle on WP before trying to do more complicated things in it. Adding custom HTML and CSS was so simple in Blogger, I had no idea it would be so complicated here. Guess I need to take a PHP class before I can do anything? Even then, where does everyone go to learn the basics of customizing WP? I'm having the hardest time finding any quality tutorials.
  9. I hope this is the right place to ask this question. I am trying to make a header for my new WordPress blog that includes the menu (not above or below the header like the standard options are). Here is a crude sketch-up of what I'd like:I'd also love for the menu items on either side of the logo to be drop-downs. I knew how to create this in Blogger, but I'm really struggling with WordPress. It looks like the only thing that is allowed in the header area is an image. I've been googling for a couple days, but can't find any tutorials to make a custom, interactive header that works in WP. Can anyone point me in the right direction? Thanks!
  10. I'm also having trouble changing the positioning of widgets. I added one to the header-right area, but when I try to alter the margin to move it to the top of the screen, it just keeps bumping it back down. Oh, my mess of a site is here if that helps.
  11. I am brand new to WordPress and I'm trying to customize my Prose (Genesis) theme. Specifically, right now I'm having trouble with the widths of the content and sidebar. When I test out widths in inspect element, it looks perfect. So, I add the code to the Custom CSS box under the Genesis settings and it doesn't change. When I go back to inspect element, it doesn't show the dimensions I changed it to, it shows "Width: 100%" Does anyone know what I'm doing wrong? How do I change the widths if it's not by adding CSS?
  12. Thank you for your response! Yes, I could add a background color, but that's not exactly what I was hoping for. Is there a way to make the other list items move down when you hover and display a sub menu? For example, as I'm hovering "the little victorian," (photo above)and it's displaying the sub menu, is there a way to move the other list items down, so "let's be friends" and "topics" would be displayed below "our attic office?" Sorry, it's kind of hard to describe. I'll see if I can find an example out there.
  13. Hello all. I'm relatively new to CSS, so please be gentle with me. I have a question about a vertical drop down menu I'm working on. It's looking decent so far. You can see it here, under my photo. But, as you can see in the photo, I'm hovering over "the little victorian." Obviously, I'd rather have the other categories move down while I'm hovering instead of being covered up. Make sense? I'm sure there are proper terms that I'm not using. I am also sure there is more information you need from me before anyone can answer. Just let me know what it is and I'll provide it! Thank you,Christina
  • Create New...