SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 32
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cant change Inherit font

    Hi,

    On my webpage: www.cotswoldbells.co.uk

    I'm finding it hard to change the "Follow Us" font at the bottom of the page too the font I want.

    Any help?

    Thanks

  2. #2
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    This should get you there...

    .socialmedia-buttons p {font: FontNameGoesHere; color: #123123; }
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Awesome! thanks man, worked a treat.
    Any idea how I can move the social media icons up slightly now?

  4. #4
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    It's the margin-bottom on the p element....it's currently set to 1.615em. Add a smaller margin-bottom to the entry you just put in for the font.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perfect! Thanks

  6. #6
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm also having problems moving the "polaroid" style picture to the left a bit? Thanks for all the help!

  7. #7
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    Adding a negative margin-left to the jetpack-image-container class would probably be the easiest.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  8. #8
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How exactly do I do this?

  9. #9
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    jetpack-image-container { margin-left: -10px; }

    Adjust the value until you get the look you want....
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  10. #10
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, great, that worked! I'm now however having trouble moving the second one, any ideas?

  11. #11
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just need to move the bottom polaroid left a bit now without effecting the top one?

  12. #12
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    You'll need to either add an id to it or a second class (put a space after jetpack-image-container and add another name), then apply the style to that id or class (#name is id, .name denotes class)
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  13. #13
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Where exactly do I have to do this? In one of the jetpack plugin files somewhere?

  14. #14
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    I have no idea how that plugin works. However, looking at the generated html, you could use #image-3 .jetpack-image-container and it should pick it up - though to be honest, looking at it, I don't think you need to adjust the horizontal alignment. If if was me, I'd just move both pictures up. I would move the first polaroid up to be 1/2 way through the paragraph, and the second to line up with the top of the services paragraph. That's just me.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  15. #15
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    I'm having some problems with images being stretched on my website when its viewed in IE8. Any ideas how to fix this?

  16. #16
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Don't worry, fixed!

  17. #17
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Could someone please tell me how to remove the background (white) areas on the social media buttons on my site www.cotswoldbells.co.uk This should be possible as there transparent PNG images?

    Many thanks

  18. #18
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,599
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by ac1986 View Post
    Could someone please tell me how to remove the background (white) areas on the social media buttons on my site www.cotswoldbells.co.uk This should be possible as there transparent PNG images?
    You'd have to remove it from two places in your CSS:

    Code:
    #masthead img, #featured-content img, #recent-content img, .entry-content img, .entry-thumb img, .comment-content img, .widget img {
    background: none repeat scroll 0 0 #FFF;
    border: 0 solid #BBB;
    max-width: 99.35%;
    padding: 1px;
    }
    
    #masthead img, #featured-content img, #recent-content img, .entry-content img, .entry-thumb img, .comment-content img, .widget img {
    background: #FFF;
    border: 1px solid #BBB;
    max-width: 99.35%;
    padding: 1px;
    }
    If it's going to cause problems to remove the lines in red, you could instead remove the bits in blue. And if that causes problems for other elements, you'll need to write a new rule that overrides the background color in this instance.

  19. #19
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, what would I write as a new rule? Thanks

  20. #20
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think I've figured out what's wrong, Its showing the background colour of the "main" area instead of the "supplementary" How can I change this so that it works? Cheers

  21. #21
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    Items will show backgrounds if they are defined. If they are not defined, they show whatever is behind that item. If you want a background to "bleed through", don't define a background on an item.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  22. #22
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,599
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by ac1986 View Post
    Hi, what would I write as a new rule? Thanks
    Something like this:

    Code:
    .widget img {
    background: none !imporant;
    }
    Quote Originally Posted by ac1986 View Post
    I think I've figured out what's wrong, Its showing the background colour of the "main" area instead of the "supplementary" How can I change this so that it works? Cheers
    No, the problem is the code I posted above.

  23. #23
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hiya,

    I'm now having trouble changing the font "Leave a Reply" on the Guestbook page, any ideas??

  24. #24
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,599
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    What sort of problem? It's being set here:

    Code:
    #respond {
    font-weight: normal;
    color: inherit;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    }

  25. #25
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's where I have tried changing the font family, but it doesn't seem to change?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •