Okay
  Public Ticket #1671877
Line Spacing
Open

Comments

  • Eddie started the conversation

    Hi there

    I have a very basic knowledge of wordpress and wordpress themes, so i'm  struggling to make adjustments on our site which was customized a while ago. Unfortunately there is no-one on our team who has any knowledge of these things. 

    All i want to know is how i can make the line spacing larger on our blog - see attached this print screen to see what it currently looks like. 

    The featured image also keeps appearing at the top of our blog posts (sometimes it does, sometimes it doesn't) and i would like to get rid of it.

    Attached files:  printscree.jpg

  •  1,282
    Qode replied

    Hi Eddie, 

    1) Whoever customized your website has created additional file with CSS styles: 

    http://www.notrianglestudio.com/wp-content/themes/bridge/style_custom.css?ver=38

    The line-height for paragraphs is adjusted in this file: 

    https://monosnap.com/file/olVckMGHNyOnWFfDUzNwupH46QAwaC

    In the file above, find the following piece of code and adjust the value: 

    .post_text p {
        line-height: 1.2em;
    }
    

    Or you could try to override the style from this file by adding the following code into Qode Options -> General -> Custom CSS field, with appropriate line-height value: 

    .post_text p {
        line-height: 1.6em !important;
    }
    

    The global option to set paragraph line-height is under Qode Options -> Fonts -> Text -> Paragraph but it probably will not work if you keep custom CSS specified above - the custom CSS will override the setting from theme options. 

    2) You can disable featured image for each post using the Hide Featured Image option in single post admin: 

    https://monosnap.com/file/xnyFb2BhCXjNT3mLKNTclRvIBfnT7z

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • Eddie replied

    Hi Ian

    Thanks for the detailed response. How do i edit the code as you showed in this file?

    https://monosnap.com/file/olVckMGHNyOnWFfDUzNwupH46QAwaC

    I have ZERO knowledge of website development and wordpress so have no clue whatsover on how to change this

    Thank you for your patience

  •  1,282
    Qode replied

    Hi Eddie, 

    This is just a browser inspector tool. If you want to use it, right click on the page opened in Chrome and hit Inspect (or hit F12 in Chrome) but it cannot be used to make real changes on website. 

    To make modification in specified file you would have to use some FTP client e.g. FileZilla, download the file, open it in a text editor, make changes and upload modified file to server via FTP. If you are not sure how to do it, the easiest solution it to override this style by entering the following code: 

    .post_text p {
        line-height: 1.6em !important;
    }

    ...into Qode Options -> General -> Custom CSS field: 

    https://monosnap.com/file/XPGMXlFYpAhKs7w1uoFhAGfm9wuvif

    Hope this helps. 

    Best regards, 

    Qode

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode