Support » Theme: Astra » Guide to CSS for free version?

  • Resolved Kenny Moore

    (@bygosh)


    First, sending out love to the great Brainstorm Force team for making this awesome theme available in a free version. The theme I had used for years – which I really liked – fell into non-support, and I expected a lengthy difficult slog to replace it. Nope. Astra made conversion quick and easy – intuitive and highly customizable, and just flat out great in many ways. There are just a few tweaks I’d like to make, mostly involving spacing between various elements. I realize I could do this more easily by upgrading to pro features but I’m a notorious cheapskate. I could probably study the CSS and figure it out, but if an Astra free-version enthusiast could point me to a CSS guide/tutorial/documentation/tips&tricks, I will be very much grateful.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @bygosh,

    Do you have any example? I have not come across a CSS guide specific to a theme. It would be cool to see if any one has.

    If you have a specific question about the spacing on your page, just shout.

    Hi Mark, prompt polite response very much appreciated. Examples of spacing I’d like to change, on my Home page …
    1. Immediately after the page header, there is a big gray space followed by a big white space. I’d like both to be smaller, so that “This is my WordPress Point of View” is much closer to “Rambling Thoughts About WordPress”.
    2. In the sidebar Featured Posts menu, individual menu items (for example “ECL to GDPR: The arrogance and depravity of big nanny government”) are double-spaced. I’d like them to be single spaced.

    Best,
    Kenny

    Here you go. Give these a whirl.

    
    /* Remove white space between header and first post teaser. */
    #primary {
    	margin-top: 0 !important; /* Was 64px */
    }
    

    I wouldn’t mess with the padding for the individual teasers using custom CSS. It would probably open up a can of worms if you do. Just make sure your CSS skills are up to the task if you do.

    
    /* Make the sidebar content single spaced. */
    #secondary {
    	line-height: 1 !important; /* Was 2 */
    }
    

    How to add CSS to WordPress.

    Happy coding!

    Thank you Mark! Your suggestions are very helpful – both did mostly what I wanted. Big improvement and gives me clues for experimentation going forward. As you may have guessed my CSS skills are rudimentary so I will try to follow your wise advice to steer clear of worm cans!

    Best,
    Kenny

    Hi @mlchaves ,

    Really appreciated your helping hand to @bygosh. đŸ™‚

    Have a great day ahead!

    Regards,
    Deepak

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Guide to CSS for free version?’ is closed to new replies.