Taras Dashkevych

Hello,
I am sorry for delay in responding.

If you want to remove title from other pages, you’ll need to know the IDs of that pages. Here is a documentation on how to find the Page ID: https://goedemorgenwp.com/finding-page-and-post-ids-in-your-wordpress-site/

Once, you know the ID, you can use this custom CSS:

.page-id-2 .entry-header .entry-title {
  display: none;
}

Where 2 id the ID of the page.

Hope this helps.

If you have a new question which is not related to this topic, please start a new thread to avoid delays.

Thank you,
Taras

“Is there a way to force a H1 title over the archive name and paragraph text below? so it looks like a panels page”
– Could you please show me a screenshot (https://snag.gy/) of the section you want to move below because I am not sure if I totally understand what you area trying to achieve?

The archive pages are generated automatically by WordPress and the theme uses standard functions to display the title and the description text in archive header section.

If you want to change the title “Courses”, and add text below the title then it’s something that can be done in Category Screen in Dashboard (the same ways as it’s shown in the video tutorial), but if the category is created by plugin, and it’s not available in Category Screen, then you should check the plugin’s settings if there is an option to change this title and add description to this archive page.

Thank you,
Taras

Hello,

You can hide a word “Archives” by using this custom CSS:

.archive .page-title span {
  display: none;
}

If you want to change the name of the category then you can do it in your Dashboard. Please check this video tutorial on how to change a category name in WordPress: https://www.youtube.com/watch?v=t2Ir7xXmBfA

By default, WordPress does not allow to upload a custom image for the specific category page, so in order to display a custom header image on your Courses archive page, please use this custom CSS:

.post-type-archive-lp_course #page .header-image {
  background-image: url(https://i1.wp.com/developpa.io/wp-content/uploads/2018/02/Mini-Congas-new-BD.png) !important; 
}

Where lp_course is a slug of your archive page. Note, if you will change the name of your category then the slug will also be changed. As a result, the custom CSS, that is posted above, will not work, unless you update the slug in the CSS.

Best,
Taras

You are welcome Roberto! ??

Hello Roberto,

The height of the Jumbotron section is dynamic, meaning it changes its height based on the height of the content area. I would not recommend to set a fixed height for this section because it will cause styling issues in smaller screens.

So, to change a height, you can reduce some top and bottom paddings:

.home .jumbotron-header {
  padding-top: 40px;
  padding-bottom: 40px;
}

Also, please remove empty p tags (spaces) from the content area of your page in Dashboard.

Best,
Taras

Thank you so much for taking the time to leave a review! ??

Thank you for your support Roberto! ??

You are welcome Roberto! ??

By the way if you like the theme or theme support and didn’t rate it yet: I would be really happy if you do so ??

All the best,
Taras

Hi,

It happens because the featured image is higher than the post content area. Please add this custom CSS if you want your Read More button to appear under the featured image:

.hfeed .hentry .link-container {
  clear: both;
}

Best,
Taras

You are welcome ??

Let’s try an alternative solution without adding any custom classes. Please just add this custom CSS:

.home #content .jumbotron-header .entry-content a.button:nth-of-type(2) {
  background: #000000;
  color: #ffffff;
}

.home #content .jumbotron-header .entry-content a.button:nth-of-type(2):hover {
  background: #ffffff;
  color: #000000;
}

This custom CSS will change the color of the second button in your Hero section.

Hope this helps.

Best,
Taras

• This reply was modified 7 years ago by Taras Dashkevych.

To change a background color for that specific button please create additional class and add it to the button. For example, you can create subscribe-button class. Then use this custom CSS:

#content .jumbotron-header .button.subscribe-button {
  background: #000000;
  color: #ffffff;
}

#content .jumbotron-header .button.subscribe-button:hover {
  background: #ffffff;
  color: #000000;
}

The final HTML of your button should look like this:

<a class="button subscribe-button" href="https://eepurl.com/dhJf9H">Subscribe</a>

Best,
Taras

Thank you Manoj for help ??

@rweiser
Could you please share a screenshot (https://snag.gy/) of the button you are talking about along with the link to the page?

Thanks,
Taras

“I would like to display a text in one column, and the social menu in the other, is this possible?”
– I am afraid it’s not possible because the social menu is not a part of the widget area.

Thanks,
Taras

Hello,

To change a background color of even sections of the Panel template, please use this custom CSS

.page-template-panels-page .content-area > .panel-section:nth-of-type(even) {
    background: #ffffff;
}

Best,
Taras