Change Blog

Hi @ all,

I’d like to customize my blog a bit.

First question: can I change my blog-layout at all?

My blog-layout is: http://diabetoholic.com/blog/
but I’d like to have ti like: http://demo.theme.co/integrity-1/blog/

is that possible?

If not - how can I take this “blog-topic-carousel” at the top out or delete?

How can I change

  • the text from “View post” to e.g. “Read article”?
  • change the color of the button?

Thank you very much.

Regards,
Mirnes

Hi Mirnes,

Thank you for reaching out to us. The integrity demo is using the Masonry style, you can also select the Masonry style in Ethos stack by navigating to Theme Options > Blog > Style (see screenshot)

To enable / disable blog Slider or Carousel, simply go to Theme Options > Ethos > Post Slider - Blog and turn it off (see screenshot)

In the same panel you’ll find the settings to enable / disable the Post Carousel as well:

  • To change the text of View Post, add the following code in your child theme’s functions.php file:
add_filter( 'gettext', 'translate_x_strings', 20, 3 );

function translate_x_strings( $translated_text, $text, $domain ) {

        switch ( $translated_text ) {

            case 'View Post' :

                $translated_text = __( 'Read article', '__x__' );
                break;

        }

    return $translated_text;
}
  • To change the color of the button, add the following code in the Theme Options > CSS:
.featured-view {
    background-color: #1d8cff;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

Hi,

thank you very much for your help. The slider is turned off and the button is customized.

Can you let me know where I can find “child theme’s functions.php” - I have no idea.

Do you know as well how I can change the color of the heading in the widget of the right side?

Thank you very much for your help.

Regards,
Mirnes

Hi Mirnes,

Thank you for the update. In order to find the child theme’s functions.php file you first need to setup and activate the child theme (please follow https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57 )

Once the child theme is setup and activated, you can then find the child theme’s functions.php file under Appearance > Theme Editor > Theme Functions. Here’s a screencast that you can take a look.

To change the color of the headings in the sidebar you can make use of the following code:

.x-sidebar .h-widget {
    color: #86DA95;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.