I need help with CSS Customization

  • Author
    Posts
  • #1425999

    vlogazul
    Member

    Hello!
    I am currently running a soccer website vlogazul.com I am using the forever theme and I was wondering if there’s any way I can switch the old posts “Entradas más Antiguas” text from italic to regular. As you can see when you scroll down and want to go to old post the words are on italic so I would appreciate any help possible!

    The blog I need help with is vlogazul.com.

    #1426072

    timethief
    Member

    This thread will be moved to the CSS Forum for you. Please do not create a duplicate thread.

    #1426089

    siobhyb
    Staff

    Hey. In your custom CSS editor, try the following snippet:

    #content nav a {
    font-style: normal;
    }

    Let me know if this works. :)

    #1426092

    vlogazul
    Member

    I copied the snippet into my CSS editor and it worked perfectly. Thank you very much. I really appreciate it :)

    #1426093

    siobhyb
    Staff

    You’re welcome. :)

    #1426131

    vlogazul
    Member

    Hello once again!
    I just made a few posts with featured image so since every article that is created just let’s you read a summary but it also gives you the keep reading or “Continuar Leyendo” in my website. but since the lettering is italic am wondering if you can create a CSS snippet with the text being regular and not italic. I will appreciate any help.

    #1426132

    siobhyb
    Staff

    Hey. Yes it would be:

    .more-link {
    font-style: normal;
    }
    #1426171

    vlogazul
    Member

    It works perfectly! Thank you very much :)

    #1426173

    vlogazul
    Member

    Just one last thing!
    On the right hand side of my site under the search widget I have the recent posts “Últimas Noticias” widget. I am wondering if there’s a CSS snippet to make “Últimas Noticias” centered and bolder. Thanks

    #1426175

    siobhyb
    Staff

    You can use the following snippet to do that:

    .widget .widget-title {
    font-weight: bold;
    text-align: center;
    }

    Hope that helps. :)

    If you want to learn more about CSS and how to use it, here’s a good introduction: http://en.support.wordpress.com/custom-design/css-basics/. I also strongly recommend Code School: http://www.codeschool.com/. Code School is a free site that lets you “learn by doing.”

    #1426183

    vlogazul
    Member

    Yes it works perfectly and am so happy with the results and changes you have help me make to my blog. I really appreciate it and yes I will indeed consider the introduction and code school of CSS. Thank you very much :)

    #1426184

    siobhyb
    Staff

    You’re welcome. :) Glad you’re happy with your blog.

    #1426190

    vlogazul
    Member

    I was just checking a few details and I noticed that when somebody comments on one of my posts, the text of the name of the person that is posting is in italic lettering and I want to know if you can help me create the snippet! Thanks and here is an example of one of the comments

    #1426192

    vlogazul
    Member

    * if you can help me create the snippet so that it can be regular text and not italic.

    #1426193

    siobhyb
    Staff

    The snippet would be:

    cite {
    font-style: normal;
    }
    #1426197

    vlogazul
    Member

    It worked amazing. Thanks!
    Now just one last thing, since you already made the name of the commenter to be regular instead of italic, is there a way to make a snippet for the picture of the person that posts to be squared instead of the circled that it shows? Thanks

    #1426198

    siobhyb
    Staff
    #comments .avatar {
    border-radius: 0;
    }

    :)

    #1426201

    vlogazul
    Member

    Perfect. It works amazing and I really appreciate all the help you have given me! Thanks :)

    #1426209

    vlogazul
    Member

    Sorry for bothering again but I have another snippet request if you can help me please! I added some picture galleries to my blog and am wondering if you can create another snippet for me! It’s about the text being italic but I want it regular lettering. You can see by going to “Lealtad Azul” on the menu bar and under the you can click on “Galería de Fotos” once you click on it, you can see the galleries and the text that I want to be regular and not italic is what says “Esta galeria contiene 14 fotos” I would appreciate if you can create the snippet to change the lettering from italic to regular. Thanks

    #1426210

    siobhyb
    Staff

    Hey, include the following snippet:

    dfn, cite, em, i {
    font-style: normal;
    }

The topic ‘I need help with CSS Customization’ is closed to new replies.