Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • #1402252

    Hello,
    I have 3 questions:
    1. How can I change the font for the category titles below each blog entry on my blog page? (INSIGHTS)

    2. I don’t want my Blog Titles to be displayed in BOLD in the widgets (sidebar and footer)

    3. Not so important, but handy if necessayr: If I add the READ MORE link to my blog, it wouldn’t fit all entries, because I also show videos. Is there a way to set the READ MORE link to EXPLORE or to MEHR ERFAHREN > (in German?)
    Thanks Nora

    • This topic was modified 1 year, 8 months ago by NoraGTS.
    • This topic was modified 1 year, 8 months ago by NoraGTS.
    #1402484

    Hey NoraGTS,
    To add a sidebar to your category page, aka archive page, please set it at Enfold Theme Options ▸ Sidebar Settings ▸ Sidebar On Archive Pages
    Enfold_Support_727.jpeg
    To change the font family of the blog category links try this css:

    #top .blog-categories.minor-meta {
    	font-family: open-sans;
    }

    To change the news widget (sidebar & footer) to the lighter font weight you are using elsewhere, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function change_strong_tag_to_span_for_news_widget() { ?>
      <script>
    (function($) {
      $(function() {
        function replaceElementTag(targetSelector, newTagString) {
          $(targetSelector).each(function(){
            var newElem = $(newTagString, {html: $(this).html()});
            $.each(this.attributes, function() {
              newElem.attr(this.name, this.value);
            });
            $(this).replaceWith(newElem);
          });
        }
        replaceElementTag('strong.news-headline', '<span></span>');
      });
    }(jQuery)); 
    </script>
      <?php
    }
    add_action('wp_footer', 'change_strong_tag_to_span_for_news_widget');

    The add this css:

    #top .main_color .widget a .news-headline,
    #top .news-headline .news-time {
        font-weight: lighter;
        color: #567483;
    }
    #footer .news-headline,
    #footer .news-headline .news-time {
        font-weight: lighter;
    }

    To change Weiterlesen to MEHR ERFAHREN try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    
    function my_text_strings( $translated_text, $text, $domain ){
      switch ( $translated_text ){
          case 'Weiterlesen'    :  $translated_text = __( 'MEHR ERFAHREN', $domain ); break;
        }
        return $translated_text;
      }
    add_filter('gettext', 'my_text_strings', 20, 3);

    Best regards,
    Mike

    #1402486

    Here is a link to a screenshot of what exactly I mean when saying, I don’t want the widget blog entries to be displayed in bold!

    #1402488

    Hi,
    Yes I understand, the above solution is for that, please try.

    Best regards,
    Mike

    #1402491

    Yes sorry – our comments overlapped… I added this while you were answering. I will try what you suggest. Thanks so much!

    #1402493

    Hi,
    Happy to help :)

    Best regards,
    Mike

    #1402496

    Hm, the child theme is not included in the download on themeforest?

    #1402498

    Hi,
    I believe the child theme is inside the Full theme zip file with the documentation, or you can use this one I uploaded to DropBox.

    Best regards,
    Mike

    #1402499

    OH, I cannot just switch to the child theme. I need to set up everything from scratch? Not really, do I just have to export and import the theme-setting file?
    AND: Would you know how to make the date below the blog entry name in my footer (all the way to the right) also white?
    Thanks Nora

    #1402501

    Hi,
    To switch from Enfold parent theme to the child theme and retain your same settings, please follow these steps:
    1- With your parent theme active, go to Enfold Theme Options > Import/Export > Export Theme Settings File and download your theme settings file for fallback.
    2- Activate your child theme and ensure your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off along with any caching plugins.
    3- Go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import
    4- Go to your homepage and clear your browser cache a couple of times and check that the settings have taken effect.

    If it doesn’t look quite right, then check that your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off and clear your browser cache a couple of more times.

    If still not quite right, then go to Enfold Theme Options > Import/Export > Import Theme Settings File and upload the theme settings file you saved earlier for fallback and clear your browser cache a couple of more times.

    Best regards,
    Mike

    #1402504

    OK, thanks – I will do that.
    And then I need to add the codes to the functions.php once more, correct?
    AND: Would you know how to make the date below the blog entry name in my footer (all the way to the right) also white?
    Thanks Nora

    #1402506

    Hi,
    Yes then just move the function to the child theme functions.php, removing it from the parent theme functions.php, you don’t want any functions in both at the site time or it will be an error.
    To make your footer news time color white try adding color: white; to the footer news css above, like this:

    #footer .news-headline,
    #footer .news-headline .news-time {
        font-weight: lighter;
        color: white;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1402662

    Hi Mike,
    To change to font for the category link on my Blog page, you gave me the following CSS:

    #top .blog-categories.minor-meta {
    font-family: open-sans;
    }

    I have to host Google fonts locally, so I imported them. However, with this code there seems to be a problem because the font showing is not the locally imported font (I changed it to LATO). Is it possible though, to change it to the Standard Font for the body text (as I load my standard font also locally). Maybe that way it displays the locally hosted font?
    AND: Is there a way NOT to make it in capital letters?
    Thanks so much, Nora

    #1402948

    Hi,
    Thank you for your patience, yes you can use the local font just change the name of the font family to the exact font name used, to find this view a text selection with the font you wish to use in your browser Dev Tools, the font name in the backend is not always the exact name in css, the font name could be all lowercase, or have something added like lato-regular
    I looked at your blog page but I didn’t see an example of the font Lato, I only see open-sans & roboto, if you can’t find the exact name for your font lato please link to where it is shown correctly on your site.
    To change the font case try this css:

    .html_elegant-blog #top #main .post-entry .minor-meta {
        text-transform: capitalize;
    }

    or use lowercase

    Best regards,
    Mike

    #1402952

    When I do that, the font is not showing. It also looks a little weird. It can be open sans, doesn’t have to be lato. So if I take the same setting as the imported open sans font if would have to look like this:
    #top .blog-categories.minor-meta {
    font-family: open-sans (300, 400, 600, 700, 800);
    }

    … and no wonder it doesn’t work… When saying that I mean, I CAN SEE IT PERFECTLY FINE in open sans on my computer, but somebody who doesn’t have the font, sees some weird Times Roman or whatever…
    Thanks Nora

    • This reply was modified 1 year, 8 months ago by NoraGTS.
    #1403008

    Hi,
    I see that the open sans font is loaded on your site, I don’t think is showing correctly for you because the font is installed on your computer, I believe your browser is loading it from the site.
    Enfold_Support_774.jpeg
    Your blog titles above the category meta are in the font roboto, do you want the category meta to be the same font, weight, and color as the title is?

    Best regards,
    Mike

    #1403019

    Bit why doesn’t my client see the font displayed correctly – he sees some weird Times Roman. Now I set it to verdana, in the hope everybody has this font installed somehow. This doesn’t make sense, does it?

    That’s a good idea, but the font from the title is too big. Could I make it in the same font of the titles in the sidebar widgets, same color etc. Then they relate to each other as there the category titles are also displayed, and if they look the same, it would work just fine.
    Thanks so much for your help!

    #1403161

    Hi,
    On I’m seeing the Verdana font in the page source now, but you know this is not a Google Font and it’s not loaded from the site, it is dependent on the user’s computer, and if the font is not found then the browser will choose a different system font. You can’t force certain system fonts if it’s not available on the target computer or if the target computer browser has a different default font selected.
    Perhaps I have misunderstood your goal, do you only want to use system fonts on your site and not load any fonts? If so please note that Windows and Mac will show different fonts, similar, but different.

    Best regards,
    Mike

    #1403778

    No I just wanted to give my client a normal font to view and assumed he has Verdana on his computer.
    The best font solution would be to show for the Categories under each Blog entry the exact same font as in the sidebar widgets for the Categories. That way the system should use the correct locally hosted font? Is there a way to display it that way?
    Thanks Nora

    #1403893

    Hi,
    To use the exact same font for the category links under each Blog entry in the grid layout as in the sidebar widgets category links I recommend this css:

    .html_modern-blog #top div .main_color .blog-categories a {
    	font-family: 'open-sans', Helvetica, Arial, sans-serif;
    	font-weight: lighter;
    	text-transform: none;
    	color: #567483;
    	font-size: 16px;
    }

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    #1404371

    Hi Mike,
    So I switched the page officially, but now all of a sudden the font for my headings appears too fat. I set it to LIGHT and loaded it locally. It’s ROBOTO, but I always get the fatter version – except for Google Chrome, there the font is displayed correctly. But in Safari and in Firefox the headings are too fat. Would you have any recommendation?
    Thanks Nora

    #1404379

    This is so weird, after switching the page to the official URL, all the fonts are screwed up. Especially for my client, who hasn’t the fonts loaded locally on his computer. He gets some lame replacement fonts.
    I have to load them locally, which I did, but they are not showing for him, and on my computer they show either too thick in Firefox, or correct in Chrome – however differently in different browsers.
    I’ve tried to NOT load the imported fonts but instead use the OMGF or the SELF HOST GOOGLE FONTS Plugin, but these two plugins don’t seem to work with Enfold. Because this way, all the fonts would be displayed correctly, but then the Google Fonts Checker tells me that the fonts are not loaded locally…
    H E L P!
    Thanks Nora

    #1404470

    Hi,
    Thank you for your patience and the link to your site, I checked the heading Die Kapitalmärkte sind dynamisch – wir sind es auch. on your homepage and see the font is roboto, lighter as you wrote above. I checked on Windows in Chrome, Firefox, & Edge and they looked the same in all browsers.
    What browser version and OS is your client using, can you share a screenshot of what he is seeing?

    Best regards,
    Mike

    #1404476

    I already fixed all that. The only problem remaining is the font weight on smartphone for the MENU only!
    It’s far too thin, although the menu on desktop is showing just fine, in mobile I would need it thicker. Is there a way to get it thicker for mobile only in the menu…
    Thanks Nora

    #1404538

    Hi,
    To change the mobile menu font-weight try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #av-burger-menu-ul li a span.avia-menu-text {
    	font-weight: 600;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1404648

    Hm, thanks but that didn’t really make it thicker… I also tried 800, or BOLD instead of 600. But it’s not really getting thicker.
    Thanks Nora

    #1404714

    Hi,
    Thanks for the feedback, I see that you have adjusted it to 800:
    Enfold_Support_1802.jpeg
    and it is showing for me on the frontend:
    Enfold_Support_1800.jpeg
    compared to when it is disabled:
    Enfold_Support_1798.jpeg
    I see that you have the Roboto Regular 400 font installed, try installing the Roboto Black 900 if you want a thicker font stroke.

    Best regards,
    Mike

Viewing 27 posts - 1 through 27 (of 27 total)
  • You must be logged in to reply to this topic.