Design: font size, space, icons

  • Posted in : Readme
  • kuebra
    Participant

    Good evening,

    I have installed Readme a couple of days ago: http://guemuesay.com/
    The following questions emerged in the process:
    1. How do I decrease the font size of headers and main texts? E.g.: blog title here http://guemuesay.com/blog/ or main text here http://guemuesay.com/person/

    2. How do I decrease the space between pictures and text? E.g.: http://guemuesay.com/person/ And the space between the first line and the menu? And the space between paragraphs? E.g. here http://guemuesay.com/public/

    3. How do I prevent a picture from being able to be expanded (and rather have a link)? E.g. here http://guemuesay.com/public/

    4. How do I add icons within the main text? E.g. here http://guemuesay.com/contact/ a ‘letter’ icon

    5. Do you have researchgate.net and academia.edu as social media icons?

    Thank you!

    ahmetsali
    Keymaster

    Hi,

    1-) try this custom css codes;

    – to decrease post title font size;

    @media screen and (min-width: 768px) {
        .with-sidebar h1 {
            font-size: 2.40em;
            }
    }
    

    – to decrease paragraph font size on posts;

    @media screen and (min-width: 768px) {
        .post .entry-content > p { font-size: 17px; line-height: 1.6; }
    }
    

    2-) try this custom css code;

    @media screen and (min-width: 1200px) { 
    	.content-area:not(.with-sidebar) .alignright, .content-area:not(.with-sidebar) .wp-caption.alignright {
    		margin-left: 2em; 
    		margin-bottom: 0.4em;
    		}
    	.content-area:not(.with-sidebar) .alignleft, .content-area:not(.with-sidebar) .wp-caption.alignleft {
    		margin-right: 2em; margin-bottom: 0.4em;
    		}	
    }
    
    .entry-content {
         padding-top: 1.2em;
         }
    ol,
    ul {
     	line-height: 1.6;
    	}
    

    3-) I see the issue, we will fix this in a future update. Thanks for the feedback.

    4-) you can add icons to anywhere in your content like this;

    <i class="pw-icon-mail"></i>
    

    just replace the icon name (pw-icon-mail) with any other available icons to use other icons, here is the included icons in the theme;

    http://themes.pixelwars.org/readme-wp/wp-content/themes/readme/css/fonts/fontello/demo.html

    5-) sorry, they are not available.

    kuebra
    Participant

    Thank you, thanks a lot!

    (would be great if you could add academia & researchgate as social media icons, if possible)

    ahmetsali
    Keymaster

    Hi again,

    academia & researchgate social icons are not available in the icon packs we used, but you can add your custom icons by replacing the ones you don’t use, please check out this post for more;

    http://www.pixelwars.org/forums/topic/social-icon/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register