Questions tweny thirteen theme

  • Unknown's avatar
    whataboutherdreams · Member ·

    Hello!

    I have some issues with my twenty thirteen theme. My blog is http://www.whataboutherdreams.wordpress.com (www.whatabouther.nl)

    In the preview the ‘older posts’ is a nice arrow in a circle. On my blog, it is an ugly orange button with ‘older posts’. This annoyes me so much! :(

    And, the follow by email button is the same, so I had to place it in the widgets below but I really like to have a nice button which I can place on the side widgets.

    As well, I really like to change the font and size of the PAGES on top. But if I change it, the blog text changes as well. Why is this connected? I like to have the blog text like it is now but the pages titles are way too small.

    I really hope you can help me.

    Thanks,

    Laura
    (email visible only to moderators and staff)

  • Unknown's avatar
    kardotim · Member ·

    In the preview the ‘older posts’ is a nice arrow in a circle. On my blog, it is an ugly orange button with ‘older posts’. This annoyes me so much! :(

    And, the follow by email button is the same, so I had to place it in the widgets below but I really like to have a nice button which I can place on the side widgets.

    Where do you exactly see the circle button? The Twenty Thirteen demo page has Infinite Scroll enabled which makes the older posts automatically appear instead of showing a button.

    As well, I really like to change the font and size of the PAGES on top. But if I change it, the blog text changes as well. Why is this connected? I like to have the blog text like it is now but the pages titles are way too small.

    Do you only want to change the font and size of the text in your navigation menu? You can add the code below to Customizer -> CSS to increase the font-size, the number ’14’ controls the size. Feel free to change it. Also let me know which font your prefer and I’ll add it to the code for you.

    .nav-menu li {
font-size: 14px;
}
  • Unknown's avatar
    whataboutherdreams · Member ·

    I uploaded screenshots to make it clear:

    When I click customize I see my blog and the arrow of older posts like this (the way I like it to be)
    https://lh6.googleusercontent.com/-d11x_NFRtIo/UdVWVanBo6I/AAAAAAAADCI/GBx242FJDO4/w1260-h709-no/customizeshow.jpg

    But on my actual blog it is like this:
    https://lh6.googleusercontent.com/-lRDxVZwR91c/UdVWZAjcNfI/AAAAAAAADCQ/2k59CO6_kDM/w1260-h709-no/realshow.jpg

    The orange ugly thingy haha. As well for the email although it is the same in customize, can it be changed?

    Thanks for the code!!! I would love to have it in font ‘Ambroise’ which I use for my blog titles as well!!

  • Unknown's avatar
    whataboutherdreams · Member ·

    I tried the code, I pasted it in the CSS box but its not working :(

  • Unknown's avatar
    kardotim · Member ·

    I tried the code, I pasted it in the CSS box but its not working :(

    Could you please try the CSS code below instead?

    .nav-menu li a{
font-family: ambroise-std,Bitter,Georgia,serif;
font-variant: normal;
font-style: normal;
font-weight: 400;
font-size: 25px;
}

    Thank you for the screenshots. I’ve just reported this issue to our theme developers to fix. I’ll contact you as soon it’s resolved.

  • Unknown's avatar
    whataboutherdreams · Member ·

    It is still not working…..Or do I need to change something in the ‘preprocessor’ (LESS, Sass) No idea what that is but the code is still not working :(

  • Unknown's avatar
    kardotim · Member ·

    I’ve just made a little adjustment to the code for you. It should work now.

    Thank you :)

  • Unknown's avatar
    whataboutherdreams · Member ·

    It changes in ambroise! Yay!Thanks! But now I can’t make it bigger, if I change the 25 it does not change….Aaaaargh! Haha!

  • Unknown's avatar
    kardotim · Member ·

    It seems that the font doesn’t support a font size larger than 25. You might want to try a different font instead, or leave the font size this way.

    Please let us know if you need any further assistance!

  • Unknown's avatar
    kardotim · Member ·

    Regarding the button issue. Our theme team confirmed this is not a bug but part of the theme instead.

    You can use your custom design upgrade to change the appearance of the button. For example us the code below to give the button a different shape and color:

    #infinite-handle span {
background: #845C88;
border: none;
border-radius: 50%;
display: inline-block;
color: #fff;
font-size: 100%;
padding: 11px 24px 10px;
text-decoration: none;
}

and for the follow e-mail butotn:

<code>input[type="submit"], input[type="button"], input[type="reset"] {
background: #845C88;
border: none;
border-radius: 50%;
color: #fff;
display: inline-block;
padding: 11px 24px 10px;
text-decoration: none;
}

    You can learn more about editing CSS at: http://support.wordpress.com/editing-css/ .We also have a CSS forum for specific CSS questions, tips, and tricks: https://en.forums.wordpress.com/forum/css-customization

  • Unknown's avatar
    whataboutherdreams · Member ·

    I am such a noob in things like this. What is the code for the email button?

    I’d like to have the older-newer posts just as the screenshot I made when customizing….

    And the email button simple with pink/gray…..Can you make the code for me so i can test it?

    The upper one does not change anything yet

    Thanks!!!

  • Unknown's avatar
    whataboutherdreams · Member ·

    The first sentence appears red (not working?) in my css box…

    input[type="submit"], input[type="button"], input[type="reset"] {

    that one....

    :( thanks

  • Unknown's avatar
    whataboutherdreams · Member ·

    Ohhhh I am sorry, it IS working!

    THANKS!!!

  • Unknown's avatar
    kardotim · Member ·

    Awesome! You’re welcome :)

  • The topic ‘Questions tweny thirteen theme’ is closed to new replies.