Simple CSS: Hover

Comments

11 comments

  • Official comment
    Support Bdsmlr

    Approved, many thanks for the tutorial!

    Comment actions Permalink
  • 2lf

    Wow Jennie! This is a very useful and well explained tutorial. I'm very happy you're doing this for us. Thank you! .😁😁

     

    0
    Comment actions Permalink
  • Mistress Gabriela

    Basic but very clear! Thumb up for Jennie!

    0
    Comment actions Permalink
  • tom r

    wonderful stuff and just what I was looking for! thanks and looking forward to more tutorials.

    0
    Comment actions Permalink
  • Mastrsteven

    Sorry for the ignorance, but how exactly does one get to ""CSS" window of the "Customize blog" page:"

    I look forward to being able to do this; thank you for the instructions. . .

    0
    Comment actions Permalink
  • Jennie

    Mastrsteven

    Click the person icon between the notification lightning bolt and the ask question mark, then "Edit Blog".

    Or the direct link is bdsmlr.com/customize/your-blog-name-here

     

    0
    Comment actions Permalink
  • Mastrsteven

    Jennie - found it.  thank you again.  

    0
    Comment actions Permalink
  • Mastrsteven

    Another question for you. . .  In trying to find an element name for this instruction:

    Most element within the page can support this. To find the name of the element, use your browser's right-click menu on the element you want to change, then add it to the custom CSS editor window with

    .<elementname>:hover {    
    < thing you want to change > : <thing you want to change it to >;
    }

    Don't forget that "." in front.

    I right clicked on the "reblog" emblem and I got a lot of information.  (using Windows 7 pro, Edge browser)   I right clicked on it and then clicked on "inspect".   Among all the info was one piece that looked like

    <i style="color:#dedede" class="fa fa retweet "  data-thispost="123456"  data-postid="123456" 

    data-orgpost="1234546" aria-hidden="true">_</i>

     

    I just made up the specific numbers.  If I wanted to make the reblog symbol bold to make it easier to see, how would I do that?  Is it even possible?

     

    thanks again,

    S/

    0
    Comment actions Permalink
  • Support Bdsmlr

    Mastrsteven

     

    That does sound like you're on front page, personal blogs use rbthis class with reblogs.

    To bold it. Use the following: 

    .rbthis{

    font-weight:600; 

    }

    This does affect the post header's reblog icon (reblogged from who icon) as well.

    0
    Comment actions Permalink
  • Mastrsteven

    Thank you for the help.

    0
    Comment actions Permalink
  • Jennie

    Mastrsteven

    If you want to make the reblog button bigger on your dash for your own use only, there is a way to that in your browser (at least in Firefox on Windows). It's off-topic here, so send a chat message to my blog and I can provide instructions.

    0
    Comment actions Permalink

Please sign in to leave a comment.