Dario Devcic

You can download new version from my GitHub page https://github.com/dariodev/themelia
Check Changelog for what is new and changed in the theme and Readme file for instructions.

Direct link https://github.com/dariodev/themelia/archive/master.zip

• This reply was modified 7 years, 4 months ago by Dario Devcic.

Hi, I’m sorry for not so prompt reply.
Here is a CSS snippet which will hide the author’s name (including “by” prefix). Just drop it in Customize -> Additional CSS.

.entry-byline .post-by,
.entry-byline .entry-author {
display: none;
}

That will work OK, and for the next release I added new setting in Customizer where is possible to choose not to show the author’s name. New release is already submitted but there is some problem with automated approval so I can only wait and hope that the administrators will solve the approval problem soon.

Thank you for using Themelia!

Closing as resolved. Please open a new ticket if you need more help. I will consider to make this an option in the customizer. Although it’s not easy to do it and keep backward compatibility. In any case, the solution that I posted above should work fine.

Is this work for you?

I assume the issue is resolved. Please re-open the ticket if this isn’t the case.

Hi, did you try with a CSS snippet above? Did that help you?

Hi and thank you!

To change the break-point you need to change media query in the style.css, in following places:
Line 886 – min-width: 1200px
Line 1248 – max-width: 1199px
Line 1298 – min-width: 1200px
Line 1708 – min-width: 1200px

So it’s not a small change that you would just drop in the customizer additional CSS or similar. If you alter main CSS you must create a minified version, because in production the style.min.css is in use. But as you may know, altering parent theme is not recommended, because any change will be lost when the theme is next updated.

Better option is use of child-theme. I created a child theme for you, with altered CSS, so that the break-point for mobile menu is at 900px. To change the break point you have to alter one line – L 18 (first line of CSS, right after the style comment). Only possible downside is that this work only for breakpoints below 1200px, but I guess that’s what you want.

Download it here https://relishpress.com/wp-content/uploads/2017/06/themelia-child.zip and let me know how this work for you.

Hi, there is no options for header image or header height. In the Customizer you can change background color and layout of the header. These settings are under “Site Title & Header”.

You can play with following css snippets to alter header height:

.header-inline .branding-item-wrap {
min-height: 80px;
}
.titles-wrap {
padding-top: 15px;
padding-bottom: 15px;
}

• This reply was modified 7 years, 5 months ago by Dario Devcic. Reason: Added comment

The problem you have described should not arise due to a background color change. Have you changed the color with the theme customizer? Most commonly, such problems are due to the use of plugins for additional customization.

This other glitch you mention may be due to the long title and/or the oversized font. You can try reducing the font for small screens only. Here is the CSS snippet that could help. Just paste it into Customizer (Appearance -> Customize -> Additional CSS). You can try different values for the font size (2em) and the size of the screen you are targeting (520px).

@media screen and (max-width: 520px) {
.site-title-wrap .site-title {
font-size: 2em !important;
}
}

Also if you want you can send me a link with more details and I may propose a better solution.

Thank you for using Themelia and best regards!
Dario

Hi, Themelia is fully responsive out of the box. It’s tested on large number of mobile devices, in various browsers. Also I used Browserstack service to test on devices that I don’t own. On small screens like phones, two columns are stacked into one. The right sidebar is below the main content, shouldn’t be cut-off. If it is really cut-off, this could be a bug on that specific phone/browser combo. Considering that everything is fine with your WP installation, that there is no error in some plugin, broken html tag in content, or similar.

Could you check how Themelia demo site looks on your phone? https://relishpress.com/themes/themelia/ It would also help if you could write which phone and browser you are using. I’d like to find out where the issue is and fix it.
Thanks for reporting!

Thank you for your kind words. I’m a big fan of the Hybrid Core which I use for custom development for clients. Themelia is my way of giving back to community. It’s a pleasure finding out that people recognize the quality and the hard work that stands behind an only apparently simple theme.

Divi Builder is compatible and should work with any WP theme. Of course some themes may have certain restrictions. Themelia plays well with Divi Builder. I was interested when you asked and I created a demo page built with Divi Builder. I didn’t test all modules, so I can’t say that everything will work perfectly, but what I tested looks good. Here is the demo https://preview.relishpress.com/themelia/divi-builder-demo/
I will also test Beaver Builder and post my findings here.

Header and Footer advertisement places – There is a sidebar named “Subsidiary”, which is placed in the upper part of the sites footer. This widget area is optimized for one wide widget and should work well with all ads plugins. Check last two images in the Divi Builder, these are screenshots that showing up google ads in that area (code is added with some ads plugin). How’s that looks, will this work for you? I’m working on a new release and will consider adding similar widget area in the header.

The masonry layout is high on my list. Not for the first next release, depends on other engagements, but soon I hope.

Thank you for your feedback and suggestion!
I was already thinking about adding the search icon in the nav menu which opens the search bar. Right now I’m working on some additions for the next release, like the optional sticky menu. Also I might add the search icon. I think I’ll manage to insert it in the next version. I’m open to all suggestions in order to make Themelia the best possible blogging theme.

Hi,
It is not recommended to do it that way, unless you are using child-theme. If you editing files directly in the main theme, modifications will be lost upon theme update.
But in this case much better way is to just translate that string. Please check previous thread, titled nextpage, started by @rijo and my answer on his Second issue. This is the same thing.

• This reply was modified 7 years, 8 months ago by Dario Devcic. Reason: Correction, it's the Second issue (not First as I wrote)!

Hi Daniel, thank you for using it!

First issue – I inspected the code outputted by google ads. The ad is wrapped with tag. The tag is styled with bottom-border, as recommended by HTML5 guidlines https://html5doctor.com/ins-del-s/#ins-del-s-styling
The solution is simple, just remove bottom-border by adding following CSS in the “Customizer -> Additional CSS”:

.adsbygoogle {
    border-bottom: none !important;
}

Second issue – Themelia is 100% translation-ready theme. All text strings are wrapped in gettext functions. Translating theme is a standard procedure and you can easily find lots of manuals how to translate WP themes, but here is in short.

You will need a software for editing po files, like “Poedit” or “Eazy PO”. Start new translation, browse to themelia/languages and open themelia.pot (this is a template for translation containing all theme translatable strings). Choose Portuguese (Brazil) and save the file. This will create two files in themelia/languages dir, pt_BR.po (key value file) and pt_BR.mo (compiled file for WP to use). You edit pt_BR.po with Poedit, by saving it pt_BR.mo is compiled (you can edit just strings that you need to translate).

Upload compiled pt_BR.mo into global WordPress language directory /wp-content/languages/ like so: /wp-content/languages/themes/themelia-pt_BR.mo. That way the file will not be lost or overwritten during Themelia updates.
Alternatively you can put translations in your child theme: /wp-content/themes/your-child-theme/languages/pt_BR.mo.

Here is a good online manual for using Poedit https://wplang.org/translate-theme-plugin/ Also in this manual you can read about alternative method using “Loco Translate” plugin. Best way is to use Poedit, how I described above.

Let me know if this helps.

Cheers!
Dario

Try something like this:

add_action( 'customize_register', 'childtheme_custom_remove', 100);
function childtheme_custom_remove( $wp_customize ) {
    $wp_customize->remove_control( 'service_icon_4' );
    $wp_customize->remove_control( 'service_title_4' );
    $wp_customize->remove_control( 'service_text_4' );
    $wp_customize->remove_control( 'service_link_4' );
}