Hello,

Please provide us with the site URL and specific screenshots of the pages so that we can inspect and help you with the CSS.

Hope this helps.

If you have further queries, let us know.

Regards.

Hello,

Regarding your query, please find answers to your queries below:

Query 1:Is there an option to hide “date”, “category” and “author” on the Front Page (or in the individual sections of the Front Page like “Must read posts”, “Latest posts”, “Blog”, etc.)?

Response : Actually the feature given by theme is, you can hide date, category and author name of the blog page by going to Admin Panel > Appearance > Customize > Theme Options > Blog/archive and hide all the details. But to hide details from frontpage, you have to add CSS so please provide us with the site URL so that we can help you precisely.

Query 2:By clicking the dates on the Front Page I receive a 404 error site. How can I remove these links so that the date is only plain text?

Response: To inspect further, we require site URL and also screenshot of the section if possible.

Query 3:In the Front Page sections, e.g. the “Must read posts”, there are content types available (page, post, category). I am working with an event calendar plugin and would like to link here to the events in my database. Unfortunately this isn’t possible with the current three content types. Is an update being considered here that will also offer this possibility in the future?

Response: Regarding your query, actually the options to choose the dropdown and have options of post, page and category is managed from the theme and the feature you are asking is currently not available in the theme so to get the feature you can consider hiring a freelancer or professional developer.

Hope this helps.

Regards.

Hello @BJBUNDY

Thanks for your site URL. Yes, you can hide the date or make it unclickable. Here are a few lines of CSS code that may help you to hide or make it unclickable

Css code to hide date

#latest-post .posted-on, #must-read .posted-on, #blog .posted-on, #featured-post .posted-on{
    display: none;
}

Css code to make date unclickable

#latest-post .posted-on, #must-read .posted-on, #blog .posted-on, #featured-post .posted-on{
     pointer-events: none;
     cursor: default;
}

Please follow my instruction to add the above CSS code to the theme.
Go to Admin Panel >> Appearance >> Customize >> Additional Css, There paste the above CSS code then publish and refresh. You will get the changes

For the third query, you need to hire a developer to make it compatible with the event calendar plugin.

Hope the above CSS helps you out

Regards,
Psink

Hello @BJBUNDY

For Query ( a ) add this CSS in Additional Css

– For “News & Gossip”

.archive-blog-wrapper h2.section-title {
    color: #900e0e;
}

– For “New Pics & Videos”

#latest-post h2.section-title {
    color: #900e0e;
}

– For “Live & Rockin’ – New shows in the Guide”

#must-read h2.section-title {
    color: #900e0e;
}

– For “Events & Promoters”

#featured-post article .section-title a {
    color: #900e0e;
}

– For “New Releases”

#featured-post .design .section-title a {
    color: #900e0e;
}

If you want to make all headlines the same color you can combine all of them as follows

.archive-blog-wrapper h2.section-title,
#latest-post h2.section-title,
#must-read h2.section-title,
#featured-post article .section-title a,
#featured-post .design .section-title a {
    color: #900e0e;
}

Change the color code as per your requirements

For Query ( b ) add this CSS to hide ‘By’ from the topmost section and button section

.archive-blog-wrapper .byline,
#featured-post .byline{
   display: none;
}

For Query ( c ) – Add this CSS to make date unclickable all over the site

span.posted-on {
    pointer-events: none;
    cursor: default;
}

For Query ( d ) – it seems we have to fix it in the code, Please wait until we released the update – we will notify you about the update within 48 hrs

For Query ( e ) – Please add this CSS

for the top navigation

   #top-navigation{
      background-color: #b7bbaa;
   }

for the first section

   .archive-blog-wrapper{
      background-color: #b7bbaa;
   }

for the second section

   #latest-post{
      background-color: #b7bbaa;
   }

for the third section

   #must-read .entry-container{
      background-color: #b7bbaa;
   }

for the last section

   .education-wrappe{
      background-color: #b7bbaa;
   }

Please add all of this CSS in Additional as you have done earlier

Have a great day

Psink

Hello Bjbundy

for ques. no. 1 – ADD this CSS in additional css and adjust the color value as per your requirement

#blog .archive-blog-wrapper .post-categories li a{
    color:#88837e
}

#blog .archive-blog-wrapper .post-categories li a:hover{
    color:#865fc1
}

#blog .archive-blog-wrapper article .entry-container a.btn{
    background-color: #ffeded;
    border: 2px solid #2d2c2d;
    color: #0e0e0e;
}

#blog .archive-blog-wrapper article .entry-container a.btn:hover{
    background-color: #bcbcbc;
    border: 2px solid #2d2c2d;
    color: #0e0e0e;
}

#featured-post article .entry-container ul.post-categories a,#featured-post .design .section-title a, #featured-post .design article .entry-container ul.post-categories a{
    color:#88837e
}

#featured-post article .entry-container ul.post-categories a:hover{
    color:#865fc1
}

#featured-post article:first-child .entry-container a.btn, #featured-post .design article:first-child .entry-container a.btn{
    background-color: #ffeded;
    border: 2px solid #2d2c2d;
    color: #0e0e0e;
}

#featured-post article:first-child .entry-container a.btn:hover, #featured-post .design article:first-child .entry-container a.btn:hover {
    background-color: #bcbcbc;
    border: 2px solid #2d2c2d;
    color: #0e0e0e;
}

For ques. no. 2 – Currently one Condition is missing in the theme( We will update in the next update ) – for now please use this CSS to hide btn label

#must-read .entry-content a{
    display: none;
}

For ques. no. 3 – Add this CSS to make font color white

.gdbbx-widget-profile-login h3{
    color: #fff;
}

For ques. no. 4 – Add this CSS to make font size the same as others

#colophon .footer-widgets-area .widget > ul > li{
    font-size: 16px;
}

Regards,
Psink