Hi, everyone, the GeneratePress theme, both free and pro, appear to be amongst the most popular theme's used on the WordPress platform.

I have read a number of posts from members saying they can't change some elements in the free version. Unfortunately, unless you have a working knowledge of CSS, customizing the free version is limited.

As far as I am aware the developers don't offer direct support for the free version, although there are online forums, if you can find the information you require. So, with that in mind, I have created some training that I hope may help in solving some of these problems.

All the CSS code can be copied and pasted into the Additional CSS in the Customize panel and the attributes changed as required. I would suggest creating a test site using the free version, you can then experiment as much as you like without possibly breaking or crashing your published site.

Once you have custimized you test site to you liking, back up your published site before copying and pasting the relevant CSS code into your published site. Want to try it? Then let's get started.



Join the Discussion
Write something…
Recent messages
mbouteiller Premium Plus
Hey Brian,

I'm very glad I found your tutorial. This is fantastic information. I'm not ready to do this part yet, but here's a question...

In your main navigation, is there a way I can put the navigation headings in each separate box with some spaces between them?

How are you doing? I hope all is going well for you. You're in Spain?

Kind regards,
Monica
Reply
Harrysastar2 Premium
Hi, Monica, in answer to your question, yes, it can be done, see image below, which I think is what your require.

I'm ok, thanks, Monica. I've been in Benidorm, Spain since mid-November, 2020. I only came for 3 months but have been unable to get flights back to the UK under present restrictions both in Sain and the UK. Best wishes
Reply
mbouteiller Premium Plus
Hi Brian,

Thank you. Exactly what I want. Do you know if Generate Press Premium will let me do this or do I have to use coding?

Wow, Benidorm... I never of the place and looked it up. It looks very beautiful. Years ago, I went to Valencia, and that was quite lovely too. It might be awhile then before you can leave. Ummm, I think I envy you. You must be homesick, though.

Please take care and stay well.

Regards,
Monica
Reply
Harrysastar2 Premium
Hi, Moniica, as far as I am aware, you need to generate a css-class for each item in your menu in both the free and paid theme. You also need to add some css code to your Additional CSS to define the size of your border and the space between each item.

It isn't very difficult, if you're not sure how to do it I'll help you.with the coding. Once this is placed in the Additional CSS all you need to do is create a css-class for any additional items added later. Best wishes..
Reply
Harrysastar2 Premium
Hi, Yvonne, glad you found it helpful. Best wishes.
Reply
YvonneBray Premium
Thank you for creating a wonderfull tutorial in codes in CSS. I learned a lot today:
Reply
Top