Tagged: font-size Toggle Comment Threads | Keyboard Shortcuts

  • zar 10:28 am on March 24, 2017 Permalink | Flag unresolved

      Tags: font-size, ,   

      Liebes Elmastudio

      Bereits in der Vergangenheit konntet ihr mir als blutiger Anfängerin schnell und einfach weiterhelfen. Dafür nochmals vielen Dank! Nun stehen leider schon wieder zwei Frage an:

      1. Ich nutze das Neubau-Theme und hätte gerne ein Absatzformat, das bezüglich Schrifttyp der Lauftextschrift entspricht, allerdings in einer kleineren Grösse und evtl. anderer Farbe. (Von der Grösse her eigentlich ungefähr so wie die Schrift in Tabellen.)

      Meine Idee war, die Überschrift 4 entsprechend anzupassen (da ich sowieso keinen Unterschied zwischen h3 und h4 sehe). Mit CSS gelingt es mir zwar, die Farbe zu ändern, nicht aber den Schrifttyp und die Grösse.

      Wahrscheinlich hab ich ja was Grundsätzliches nicht gescheckt, aber ich komme einfach nicht drauf was… Ich nehme an, dass ich das gar nicht über die Formatierung der Überschriften lösen sollte (es handelt sich ja auch nicht wirklich um eine Überschrift!), aber wie dann?

      2. Der Webseiten-Titel wird je nach Fenstergrösse des Browsers umbrochen. Wie kann ich das vermeiden?

      Es wäre sehr nett, wenn ihr mir weiterhelfen könntet.
      Herzlichen Dank und Gruss,
      Zoe

       
      • Marc (Support-Team) 5:52 pm on March 24, 2017 Permalink | Log in to Reply

        Hallo Zoe,

        1) ich empfehle dir hierfür eine gesonderte Klasse für diese Art Absatz zu verwenden. Beim Einfügen in den Beitrag würdest du diesen wie folgt (am besten im Text-Editor, oben rechts am Inhaltsbereich findet sich ein Umschalter von Visuell zu Text) eintragen:

        <p class="speziellerAbsatz">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ...</p>

        Nun kannst du mit ergänzendem CSS-Code wie dem folgenden dieser Klasse die von dir gewünschten Eigenschaften zusprechen:

        p.speziellerAbsatz {
            font-family: Arial, sans-serif;
            font-size: 16px;
            font-size: 1rem;
            color: #ff0000;
        }
        

        Mit einer entsprechenden Websuche findest du alle möglichen CSS-Eigenschaften, die für den Text anpassen kannst.

        2) Kannst du mir einen direkten Link zur betroffenen Seite geben? So könnte ich dir eine gezielte Lösung anbieten.

        Viele Grüße
        Marc

        • zar 6:05 pm on March 24, 2017 Permalink | Log in to Reply

          Danke, Marc, das hilft mir schon mal.

          Zu 2: Es geht um die Seite http://www.zoearnold.ch – ist noch nicht viel drauf :) Könnte die Lösung sein, dass ich den Namen als Logo integriere?

          Liebe Grüsse,
          Zoe

    • Eule 12:19 pm on March 16, 2017 Permalink | Flag unresolved

        Tags: font-size,   

        Neubau, Font Size 

        Hallo

         

        Gerne würde ich im Standardtemplate die selben Titelgrössen verwenden wie bei den Beiträgen. H2 oder h1 erscheinen aber viel kleiner…

        Was kann ich tun?

        Herzlichen Dank Susanne

         
        • Marc (Support-Team) 1:33 pm on March 17, 2017 Permalink | Log in to Reply

          Hallo Susanne,

          du kannst mit Hilfe von ergänzendem CSS-Code Anpassungen an den Elementen vornehmen. Die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von “Element untersuchen”, “Element-Informationen” o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

          Viele Grüße
          Marc

      • KatiG 1:03 am on August 5, 2016 Permalink | Flag unresolved

          Tags: , font-size, ,   

          Schriftart und -größe im Hauptmenue ändern – Weta 

          Hallo liebes Elmastudio,
          gibt es eine Möglichkeit im Weta Thema die Schriftart und die Größe des Hauptmenues zu ändern?

          Danke. Viele Grüße
          Katja

           
          • ishpc 5:47 am on August 5, 2016 Permalink | Log in to Reply

            Benutzerdefiniertes CSS mit z. B. dem Plugin Simple Custom CSS möglich machen und das einfügen

            #site-nav ul li a {
            display: block;
            position: relative;
            padding: 19px 18px;

            font-size: 1.1em;
            font-family: Tahoma

            }

        • CasparV 5:53 pm on November 15, 2015 Permalink | Flag unresolved

            Tags: , font-size,   

            Smaller font size of title entries in widget ‘Frontpage Post Content 1’ – ‘Zuki: Recent Posts (Big 2)’ 

            Hi Ellen an Marc,

            For quite a while I try to make the entry (post) title smaller in this part of the frontpage of the Zuki theme:
            Widget ‘Frontpage Post Content 1’ – ‘Zuki: Recent Posts (Big 2)’.

            Can you please help me out with this because I tried to change various parts of css code in my child theme but it still doesn’t work.

            Thanks a lot for your help in advance.
            Kind regards,
            Caspar.

             
            • Marc (Support-Team) 3:03 pm on November 18, 2015 Permalink | Log in to Reply

              Hi Caspar,

              please use the following additional CSS code to change the font size:

              @media screen and (min-width: 767px) {
              	#front-content-one .rp-big-two .entry-header h2.entry-title {
              		font-size: 1rem;
              		font-size: 16px;
              	}
              }
              

              Please use a factor of 16 between the rem- and px-value.

              Best,
              Marc

          • mariedebeaucourt 5:40 pm on June 18, 2015 Permalink | Flag unresolved

              Tags: , , font-size, ,   

              Hi Ellen and everyone else!
              I was wondering if it was possible to change the font from arial to something else? (I would like to use “libre baskerville” a web friendly serif font) and the size (I would like to make it smaller). Thank you for your help!
              Marie

               
              • Marc (Support-Team) 11:46 am on June 22, 2015 Permalink | Log in to Reply

                Hi Marie,

                Ubud actually uses “Helvetica Neue” and only falls back to Arial if the font isn’t available on your system.

                Please check the style.css of the theme and look for any appearance of “font-family”. Here is an example:

                body {
                	margin: 0 auto;
                	background: #fff;
                	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                	color: #000;
                }
                

                To change this instance copy the block and just use the font-family property:

                body {
                	font-family: 'your font', fallback-font, serif;
                }
                

                To include your desired font, please ask your chosen font-provider for help.

                More information how to add custom CSS can be found here: CSS code

                Best,
                Marc

            • rumdiarist 2:11 pm on June 3, 2015 Permalink | Flag unresolved

                Tags: , font-size   

                Hallo Ellen,

                ich würde gern zur besseren Lesbarkeit die Textgröße bei Blogartikel vergrößern, finde die passende Stelle im CSS aber leider nicht. Die Stelle, die ich gefunden hab, wirkt sich nur auf den Text auf der Startseite aus. Den Text in der Sidebar würd ich auch gern anpassen.

                Vielen Dank und liebe Grüße,

                Marvin

                http://www.rum-diary.net

                 
                • rumdiarist 2:18 pm on June 3, 2015 Permalink | Log in to Reply

                  funktioniert bei mir übrigens auch nicht.

                  • Marc (Support-Team) 4:11 pm on June 4, 2015 Permalink | Log in to Reply

                    Hallo Marvin,

                    mit diesem CSS-Code
                    sollte sich die Schriftgröße anpassen lassen:

                    .single-post .entry-content p,
                    .single-post .entry-content p.standard-text,
                    .single-post .entry-content ul,
                    .single-post .entry-content ol,
                    .page .entry-content p,
                    .page .entry-content ul,
                    .page .entry-content ol {
                        font-size: 16px;
                        font-size: 1rem;
                    }
                    

                    Der Faktor zwischen rem- und px-Wert sollte 16 betragen, so dass z.B. folgende Kombinationen sinnvoll sind:
                    12px -> 0.75rem
                    20px -> 1.25rem

                    Viele Grüße
                    Marc

              • dianavcsantos 2:24 am on January 9, 2015 Permalink | Flag unresolved

                  Tags: , , , font-size,   

                  Hello Ellen, I’ve recently bought your Moka theme. It is very beautiful and I love it very much, but I would appreciate if you could help me with some things.

                  This is my website: http://www.dianasantos.org

                  And as you can see, the date, the comments and the post title are bellow the images. I would like to know if there’s any way of putting it on top of the posts, instead of how it is now.

                  I’m sorry if this is a big request, but I haven’t been able to either change the font or its size. I’ve tried to customize it on CSS but it never works.

                  I hope you can help me with these questions. Thank you!

                   
                  • Ellen (Support-Team) 7:20 am on January 13, 2015 Permalink | Log in to Reply

                    Hi there,

                    thanks so much for your great feedback, I’m so happy to hear that!

                    It’s not a default option and would require some theme customizations. You would need to customize the content.php and content-single.php file (I would recommend a child theme to do this). If you are not familiar with WordPress code, it would be rather difficult and you would also need to change same CSS afterward. Maybe you can find someone to help you, in case you are not familiar with WordPress files and CSS that much.

                    Regarding the font size, which font size did you want to change exactly?

                    Best, Ellen

                    • dianavcsantos 3:26 pm on January 16, 2015 Permalink | Log in to Reply

                      Hello Ellen, thank you so much for the reply. I would like to change the post title font size, it’s too big for me.

                      Thank you!

                • damnsharp 8:44 pm on December 10, 2014 Permalink | Flag unresolved

                    Tags: font resize, font-size,   

                    Ich Versuche unterscheidende plug-ins für die Schrifttype großer und kleiner zu machen aber keiner functioniert mit Zuki, Oita oder Meola theme. Weist irgendeiner einer Lösung oder einem plug-in welcher functioniert?
                    Zum beispiel: http://inoplugs.com/portfolio-item/wordpress-font-resizer-plugin-inoplugs/
                    Danke!

                    Englisch:
                    I have tried several font resizer plug-ins for different sites with Zuki, Oita and Meola theme, but none seem to function. Is there a solution for this problem?
                    Thanks!

                     
                    • Ellen (Support-Team) 10:27 am on December 13, 2014 Permalink | Log in to Reply

                      Hallo,
                      da die Schriftgrößen bei unseren Themes generell recht komplex gesetzt sind und außerdem noch im responsive Layout unterschiedlich sind, denke ich, dass die Plugins nicht funktionieren (wahrscheinlich hauptsächlich wegen des responsive Codes). Ich würde dir empfehlen, die Schriftgrößen manuell mit eigenem CSS anzupassen. Entweder in einem Child-Theme oder mit Hilfe eines Custom CSS Plugins.
                      Grüße,
                      Ellen

                    • damnsharp 1:06 pm on December 16, 2014 Permalink | Log in to Reply

                      Danke @Ellen für deine Antwort. Ich frage es weil ich manche sites von mir WCAG 2 versuche compatible zu machen. Deswegen ist die Schrifttype großer und kleiner möglicheit nötig.

                  • sh_qinahf 2:59 pm on November 7, 2014 Permalink | Resolved
                    • Ellen (Support-Team) marked this resolved
                      10:57 am on November 10, 2014
                    • sh_qinahf marked this unresolved
                      10:17 am on November 10, 2014

                    Tags: , , font-size,   

                    Hi, I need some help with the following urgently!:

                    1. Changing the font size: it is driving me crazy how something so easy is taking me so long to do!! I’m looking to change the size of the content body only and the margin too.

                    2. The padding at the bottom of every post is far too wide. I’ve tried to change all margin bottom to: 20 px or less but nothing works!

                    3. Social Menu for Cocoa. Works fine in header widget but not footer widget!

                    Please help! I’ve been at it for hours! This are only minor customisations but I really hope you will be able to help!

                     
                    • Ellen (Support-Team) 10:57 am on November 10, 2014 Permalink | Log in to Reply

                      Hi there,

                      1.) To change the default content font-size for Cocoa you need the following custom CSS:

                      @media screen and (min-width: 767px) {
                      .entry-content p, 
                      .entry-content p.standard-text, 
                      .entry-content ul, 
                      .entry-content ol, 
                      .entry-content .wide-content {font-size: 16px;font-size: 1rem;}
                      }
                      

                      16px and 1rem is the default value. You can calculate rem values using this tool: https://offroadcode.com/prototypes/rem-calculator/
                      For the margins you need to use this:

                      p {margin-bottom: 26px;}
                      

                      2.) You can change the margins here:

                      @media screen and (min-width: 1023px) {
                      .site-content .post, .site-content .type-attachment {margin: 0 0 135px;}
                      }
                      

                      3.) Could you please check, if you gave the menu the name “Social”. If it still does not work in the footer widget area, please let me know your site URL, so I can check the code live.

                      In general you can find the CSS code for customizations using the developer tools in e.g. Chrome browser. You can see a video tutorial here: https://www.youtube.com/watch?v=BmOyxceYAO4

                      Best, Ellen

                      • sh_qinahf 4:02 pm on November 10, 2014 Permalink | Log in to Reply

                        Hi Ellen,

                        Thanks for that! I have finally got the fonts how I want it. Thank you so much for your help and for the beautiful theme of course.

                        Still have trouble with the social menu working in the footer widget area. It works perfect in the about overlay widget but not in the footer… Yes, I gave the menu name Social and have ticked the social menu as per your video. If you could help me sort this out, it will be brilliant – my site URL is http://shoesandroses.com.

                        Thank you! :-)

                        • Marc (Support-Team) 10:26 am on November 11, 2014 Permalink | Log in to Reply

                          Hi,

                          that is actually a problem created by the usage of both locations for the social menu. Please use the following additional CSS to let the second menu work as well:

                          #menu-social-1 li a:hover {
                          	color: #777;
                          	-webkit-transition: color linear 0.1s;
                          	-moz-transition: color linear 0.1s;
                          	-o-transition: color linear 0.1s;
                          	transition: color linear 0.1s;
                          }
                          #menu-social-1 {
                          	display: inline-block;
                          	overflow: hidden;
                          	margin: 0;
                          	padding: 0;
                          }
                          #menu-social-1 li {
                          	display: inline-block;
                          	margin: 0;
                          	padding: 0 !important;
                          	list-style: none;
                          }
                          #menu-social-1 li a {
                          	width: 70px;
                          	height: 70px;
                          	display: block;
                          	padding: 0;
                          	margin: 0 15px 15px 0;
                          	font-size: 11px;
                          	font-size: 0.6875rem;
                          	line-height: 1.1;
                          	font-weight: bold;
                          	word-break: break-word;
                          	text-align: center;
                          	overflow: hidden;
                          }
                          #menu-social-1 li a span {
                          	display: none;
                          }
                          #menu-social-1 li a::before {
                          	display: inline-block;
                          	-webkit-font-smoothing: antialiased;
                          	font: normal 24px/1 'Genericons';
                          	vertical-align: top;
                          	width: 70px;
                          	height: 36px;
                          	padding: 0;
                          }
                          #menu-social-1 li a::before { content: '\f408';}
                          #menu-social-1 li a[href*="codepen.io"]::before      {content: '\f216';}
                          #menu-social-1 li a[href*="digg.com"]::before        {content: '\f221';}
                          #menu-social-1 li a[href*="dropbox.com"]::before     {content: '\f225';}
                          #menu-social-1 li a[href*="facebook.com"]::before    {content: '\f204';}
                          #menu-social-1 li a[href*="flickr.com"]::before      {content: '\f211';}
                          #menu-social-1 li a[href*="plus.google.com"]::before {content: '\f218';}
                          #menu-social-1 li a[href*="github.com"]::before      {content: '\f200';}
                          #menu-social-1 li a[href*="instagram.com"]::before   {content: '\f215';}
                          #menu-social-1 li a[href*="linkedin.com"]::before    {content: '\f208';}
                          #menu-social-1 li a[href*="pinterest.com"]::before   {content: '\f210';}
                          #menu-social-1 li a[href*="path.com"]::before		   {content: '\f219';}
                          #menu-social-1 li a[href*="dribbble.com"]::before    {content: '\f201';}
                          #menu-social-1 li a[href*="polldaddy.com"]::before   {content: '\f217';}
                          #menu-social-1 li a[href*="getpocket.com"]::before   {content: '\f224';}
                          #menu-social-1 li a[href*="reddit.com"]::before      {content: '\f222';}
                          #menu-social-1 li a[href*="skype.com"]::before,
                          #menu-social-1 li a[href*="skype:"]::before          {content: '\f220';}
                          #menu-social-1 li a[href*="stumbleupon.com"]::before {content: '\f223';}
                          #menu-social-1 li a[href*="tumblr.com"]::before      {content: '\f214';}
                          #menu-social-1 li a[href*="twitter.com"]::before     {content: '\f202';}
                          #menu-social-1 li a[href*="vimeo.com"]::before       {content: '\f212';}
                          #menu-social-1 li a[href*="youtube.com"]::before       {content: '\f213';}
                          #menu-social-1 li a[href*="wordpress.org"]::before,
                          #menu-social-1 li a[href*="wordpress.com"]::before   {content: '\f205';}
                          #menu-social-1 li a[href*="youtube.com"]::before     {content: '\f213';}
                          #menu-social-1 li a[href*="feed"]::before     	   {content: '\f413';}
                          #menu-social-1 li a[href*="mailto"]::before    	   {content: '\f410';}
                          

                          Here you can find more information about adding custom CSS: http://www.elmastudio.de/en/wordpress-en/custom-css-wordpress/

                          Best,
                          Marc

                  • Irinel 7:43 pm on November 3, 2014 Permalink | Flag unresolved

                      Tags: font-size, ,   

                      Hey Leute, super Theme, bin echt zufrieden damit, habe nur ein kleines Problem. Ich habe Ubud und möchte gerne die Schriftgröße der Seitenüberschriften ändern. Am besten auf die Größe der Überschriften der Kategorien (also wenn man Kategorien als Seiten im Menu einrichtet und den Zusatztext in der archive.php schon geändert hat). Also z.B. hat man eine Seite Impressum und die Überschrift unterhalb des Logos ist sehr groß. Die würde ich gerne kleiner stellen.

                      Ich bedanke mich schon im Voraus für eure Hilfe.

                       
                      • Marc (Support-Team) 10:51 am on November 4, 2014 Permalink | Log in to Reply

                        Hallo,

                        das könnte bereits hiermit klappen:

                        h1.entry-title {
                        font-size: 1rem;
                        font-size: 16px;
                        }
                        

                        Der rem-Wert ist immer ein Sechzehntel des px-Wertes. Also 32px / 16 = 2rem.

                        Infos über das Einfügen von eigenem CSS-Code findest du hier: http://www.elmastudio.de/wordpress/eigenes-css-in-ein-wordpress-theme-integrieren-so-funktionierts/

                        Viele Grüße
                        Marc

                        • Irinel 5:46 pm on November 4, 2014 Permalink | Log in to Reply

                          Danke für die schnelle Antwort, aber leider funktioniert das nicht. Also vielleicht dann meine Seite:

                          http://irinel-papuc.de/wordpress/

                          wenn man hier z.B. auf “IMPRESSUM” geht, ist die Überschrift der Seite etwas groß, genau die möchte ich ändern. Am besten auf die Größe und Position der Überschrift von “MESSEDESIGN”.

                          Noch einmal vielen Dank.

                          Besten Gruß
                          Irinel

                          PS:
                          Auf meiner Startseite habe ich mal ein Screenshot von meinem EDIT CSS eingefügt, vielleicht mache ja auch ich was falsch.

                        • Irinel 10:42 pm on November 5, 2014 Permalink | Log in to Reply

                          Brauche dringend Hilfe und kriege das einfach nicht hin!

                          • Marc (Support-Team) 10:19 am on November 10, 2014 Permalink | Log in to Reply

                            Hallo,

                            mein Beispiel-Code war leider nicht spezifisch genug. Daher wurden deine Änderungen vom Standard-CSS wieder überschrieben. Du könntest nun z.B. folgenden Code verwenden um die H1-Überschriften auf Seiten zu ändern:

                            body .page .entry-header h1.entry-title {
                            font-size: 1rem;
                            font-size: 16px;
                            }
                            

                            Oder aber du erzwingst dass dein Code verwendet wird durch anhängen von “!important”:

                            h1.entry-title {
                            font-size: 1rem !important;
                            font-size: 16px !important;
                            }
                            

                            Viele Grüße
                            Marc

                    • janesh 1:25 pm on October 29, 2014 Permalink | Flag unresolved

                        Tags: , font-size,   

                        I was searching and trying everywhere to change the settings from the entry-title h1 on the pages like “Portfolio”. Right now it is kinda big in in a Times New Roman kind of font although the font-detector says Roboto. Somehow the settings in CSS seem very tricky regarding fonts and sizes. Lots of different fonts. anyone an idea how to change it anyway?

                         
                        • Marc (Support-Team) 8:12 am on October 30, 2014 Permalink | Log in to Reply

                          Hi,

                          the following CSS code should address the page titles:

                          .page .entry-header h1.entry-title {
                          font-family: Arial, sans-serif;
                          }
                          

                          Please note: To overwrite existing styles, you need to be at least as specific as the original CSS code. Alternatively you can use “!important” behind the value to enforce the style.

                          Best,
                          Marc

                          • janesh 3:27 pm on November 10, 2014 Permalink | Log in to Reply

                            As I stated it does not work the way you considered it. When I try it in Firefox Firebug it works but not in real. Is it possible to get an answer for this? Thanks.

                        • janesh 4:13 pm on November 6, 2014 Permalink | Log in to Reply

                          Well I tried that already. I put this in the Custom CSS box provided by the Theme. But the changes are not happening, also not with the !important- rule.

                          • Ellen (Support-Team) 6:39 pm on November 20, 2014 Permalink | Log in to Reply

                            The site titles have the following default CSS values:

                            .page .entry-header h1.entry-title {
                            font-family: 'Domine', Georgia, serif;
                            font-size: 28px;
                            line-height: 1.3;
                            font-weight: normal;
                            text-transform: none;
                            letter-spacing: 0;
                            }
                            @media screen and (min-width: 768px) {
                            .page .entry-header h1.entry-title {
                            font-size: 46px;
                            margin: 0 0 34px;
                            }
                            }
                            

                            You should be able to change the settings using the !important rule.
                            Best, Ellen

                            • janesh 11:39 am on December 4, 2014 Permalink | Log in to Reply

                              No- this does not work. I already tried all this by myself. This is why I am asking. ;o)
                              Grüße.

                      • c.o. 10:11 pm on October 19, 2014 Permalink | Flag unresolved

                          Tags: , font-size   

                          Hallo,
                          ich weiß nicht warum. aber ich kann die Schrift (h1 und p) nicht verkleinern im Dorayaki Theme. Auch wenn ich die Pixel-Zahl in dem CSS (Child-Theke) unter drehe. Woran könnte das denn liegen?

                           
                          • alarian 10:30 pm on October 19, 2014 Permalink | Log in to Reply

                            Hallo,
                            ich selber benutze dafür dasd Plug-in Easy Google Font :-) Findest du hier: https://wordpress.org/plugins/easy-google-fonts/
                            Ist zwar hauptsächlich zum ändern der Schriftart, aber die Größe lässt sich damit auch einstellen :-).

                          • Marc (Support-Team) 10:31 am on October 20, 2014 Permalink | Log in to Reply

                            Hi,

                            könntest du uns die Seite einmal zeigen? Evtl. erkennen wir das Problem so.

                            Viele Grüße
                            Marc

                            • c.o. 12:27 am on November 2, 2014 Permalink | Log in to Reply

                              Danke… hab’s mittlerweile und kann gar nicht so genau sagen, wo der Fehler war.

                        • lorinm 6:33 am on July 15, 2014 Permalink | Flag unresolved

                            Tags: , font-size,   

                            Baylys – Change font size 

                            Hello. I am using Baylys and it’s great, but the font size is far too big and I do not know how to change it! I would SO appreciate a beginner-level explanation of what to do (plugin, add code, am I just missing something…etc.). Thank you in advance!

                             
                            • Ellen (Support-Team) 6:05 pm on July 17, 2014 Permalink | Log in to Reply

                              Hi @lorinm: It’s not so easy to change all font-sizes, but for the main text font size you can use the following Custom CSS:

                              @media screen and (min-width: 768px) {
                              .entry-content p, .entry-summary p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dl, address, .page-link {
                              font-size: 17px !important;
                              font-size: 1.0625rem !important;
                              }
                              }
                              

                              In this post you will find the instructions on how to add the CSS (I would recommend Jetpack or another plugin): http://www.elmastudio.de/en/wordpress-en/custom-css-wordpress/

                              Best, Ellen

                            • lorinm 8:33 am on August 7, 2014 Permalink | Log in to Reply

                              I just pasted the code into Simple Custom CSS and the font size did not change =(. I tried adjusting the size from 17 and it did not change no matter what number I entered. Any ideas? Thx!

                          • Brett@iamthelab 9:42 am on March 17, 2014 Permalink | Flag unresolved

                              Tags: , font-size,   

                              Aloha,

                              How do I adjust the font size in the slider?

                              Brett

                               
                              • Marc (Support-Team) 10:56 am on March 17, 2014 Permalink | Log in to Reply

                                @brettiamthelab: Hi, most browsers can inspect elements. Try clicking on an element (in your case the slider text) with the right mouse button and choose “Inspect Element”, “Element Information” or something like this.

                                A tool should open which shows the currently used CSS to style those elements. You then should easily recognize which combination of classes and ids you could use to change the styling with CSS.

                                Best,
                                Marc

                            • mike19145 1:52 am on December 16, 2013 Permalink | Flag unresolved

                                Tags: , , font-size   

                                I’ve been trying to modify the text size of the site to something a little smaller. I found Ellen’s post on the Baylys theme page:

                                “To change the entire font size you could add a font-size percent value to html directly (maybe only in the Media Queries for the desktop view) like:

                                 html {font-size: 90%;} 

                                I’m not exactly what “to the html directly” means, I assume it means add to the HTML element in the edit css screen. Am I correct? Also, why does she “maybe only in the Media Queries for the desktop view”? Would it not be changed on the responsive mobile option as well?

                                I tried to to the aforementioned modification by adding it to the appearance – edit css – but it did not change everything. As far as I can tell it changed the size of the menu options on the top only. I went ahead and did some css work for the header and p elements.

                                
                                .entry-header h1.entry-title,.entry-header h2.entry-title {
                                	font-size: 30px;
                                	font-size: 1.5rem;
                                }
                                
                                .entry-content p {
                                	font-size: 1rem;
                                }
                                
                                

                                But now I’m stuck on the h3 reply title

                                <h3 id="reply-title" class="comment-reply-title"> 

                                which I want to change the size of. I tried to modify the size of the h3 through css but it did not work.

                                
                                h3 {
                                	font-size: 20px;
                                	font-size: 1rem;
                                }
                                
                                

                                Any help would be greatly appreciated.

                                 
                                • Marc (Support-Team) 10:40 am on December 16, 2013 Permalink | Log in to Reply

                                  @mike19145: Hi, if you know the exact element you want to style, try to address it as exactly as possible. In your case you could replace “h3” with “h3#reply-title”. Another way to force the h3 settings to be used for your #reply-title is to use the !important statement like this:

                                  h3 {
                                  font-size: 1rem !important;
                                  }
                                  

                                  I hope this leads you in the right direction.

                                  Best,
                                  Marc

                                • mike19145 12:52 pm on December 17, 2013 Permalink | Log in to Reply

                                  Hey Marc,

                                  Thanks for the comment. I did it and it worked and I learned some more about CSS in the process.

                                  Just out of curiosity – Why, when I change the HTML font size it does not change the font size for everything on the site?

                                   html {font-size: 90%;} 
                                • remster 3:59 am on January 8, 2014 Permalink | Log in to Reply

                                  Try this baby!!! it works!!

                                  p { font-size: 15px !important; font-family: ‘Georgia’, “Times New Roman”, Times, serif !important;}

                                  Place code in Custom CSS under Theme Options.

                                  p for paragraph, so substitue as needed.
                                  adjust font-size
                                  use any font family you want. Google “google fonts” and you can get the whole font name to use in place of the above.

                                  This is gold!!

                              • lauramartens 5:22 pm on October 10, 2013 Permalink | Flag unresolved

                                  Tags: , font-size, ,   

                                  Hallo,
                                  ich habe das Baylys Theme gekauft und bin mittlerweile nach 2 Tagen nutzen extrem frustriert. Ich bin wirklich kein ITler und ich habe so sehr versucht das ganze CSS usw zu verstehen, was ich auch tue, jedoch kann ich es längst nicht wirklich anwenden. Ich wusste nicht, dass es so schwierig ist, die Schriftgröße etc anzupassen, was mich total frustriert nun. Könnt ihr mir Rat geben wo ich in einfacher Sprache erklärt finde, wie und wo so etwas geht? Ich verstehe auch nicht so ganz, ob ich ein Childtheme deshalb brauche. Ich gebe wirklich mein bestes und lese mich überall ein.
                                  Mir raucht mittlerweile der Kopf und ich habe mich kurzer Hand nun für das einfache Yoko entschieden. Leider hat es natürlich nicht die gleichen Features und leider habe ich Baylys ja auch gekauft und es gefällt mir ja eigentlich auch :-(

                                  hoffe ihr versteht meinen Frust und habt Lust zu helfen!

                                  Viele Grüße und Tausend Dank,
                                  Laura

                                   
                                  • Ellen (Support-Team) 7:04 am on October 11, 2013 Permalink | Log in to Reply

                                    @lauramartens: Klar, das kann ich natürlich verstehen, ich kann bestimmt helfen. Zu den Icons habe ich ja im vorherigen Post schon geschrieben. Genrell bieten unsere Themes eigentlich keine Optionen zum Ändern der Schriftgröße, da die Größen jeweils recht detailliert auf die verschiedenen Gerätegrößen (Smartphone, Tablets, Desktop) angepasst sind. Daher ist auch die Anpassung im CSS nicht ganz so leicht zu erreichen.

                                    Welche Schrift möchtest du denn anpassen, nur die Überschriften oder auch die Fließtext-Schrift?

                                    Für kleinere CSS-Anpassungen musst du nicht unbedingt ein Child-Theme anlegen, sondern kannst das Custom CSS Feature des Jetpack WordPress-Plugins nutzen oder das Plugin Custom CSS Manager.

                                    Grüße, Ellen

                                    • lauramartens 10:42 am on October 11, 2013 Permalink | Log in to Reply

                                      @ellen Danke für deine Hilfe und deine Geduld. Ich habe mich wohl nicht genug informiert vorher, dass man Schriften nicht so leicht ändern kann :) Ich hätte es einfach nur alles etwas kleiner gewollt. Wahrscinelich hätte ich dafür ein anderes Theme wählen sollen, ich Idiotin ;) Die URL für meine website: http://makeyourmindmove.de/

                                      Danke Ellen und liebe Grüße, Laura

                                    • lauramartens 10:47 am on October 11, 2013 Permalink | Log in to Reply

                                      ich habe offensichtlich die schrift nun doch geändert? konnte das gestern noch gar nciht sehen. aber jetzt ist sie noch zu groß ;-) oh mann es tut mir leid euch als Laie so zu nerven!!

                                    • kns 10:22 am on October 30, 2013 Permalink | Log in to Reply

                                      Hallo @ellen, wie viele hier im Forum und auf andere Social Kanälen, völlig zurecht wie ich finde, anmerken, dass die Schriften auf Desktop Geräten einfach viel zu groß ist bzw. schon fast gigantisch erscheinen, wäre eine Lösung diesbezüglich wirklich wünschenswert. Es wäre grandios wenn entweder ein HowTo erstellt werden könnte wie dies ge- oder verändert werden könnte, oder ggf. ihr ein kleines Update des Themes erstellt, meinetwegen auch gern ein zusätzlich zu bezahlendes Update, in dem ihr dies mit berücksichtigt.

                                      Wie gesagt, es ist äußerst anstrengend und nicht gerade Leserfreundlich, wenn Texte auf einem 21,5″ oder 27″ iMac in solch einer Größe angezeigt werden, dass man kaum einen Absatz ohne dreifaches Scrollen lesen kann. Nicht gerade sehr nutzerfreundlich. :(

                                      Ansonsten natürlich wie immer herzlichsten Dank für eure Geduld, eure Mühe und natürlich vieeeeeeeeeeeeeele, viele neue Elmastudio-Themes. ;)

                                • sylvi.e 2:43 am on September 16, 2013 Permalink | Flag unresolved

                                    Tags: , , font-size, ,   

                                    Baylys: CSS Anpassungen: Schriftgröße und Position des Menüs 

                                    Hallo,

                                    ich bin neu bei WordPress, html und css, versuche aber dennoch ein paar kleine Änderungen im Baylys Stylesheet vorzunehmen. Ich mache alles wie in verschiedenen Tutorials gesehen, aber es ändert sich einfach nichts.

                                    Konkret möchte ich Größe des Menütextes und dessen Position, nämlich am unteren Rand des Logos, ändern. Beide “Eingriffe” sind ja im Forum schon dokumentiert, aber die Erklärungen haben bei mir nicht zum Erfolg geführt. Wahrscheinlich mach ich was Grundsätzliches falsch, denn egal was ich anstelle, selbst wenn ich den ganzen css-code lösche, es ändert sich nichts.

                                    Den Cache habe ich schon deaktiviert und ich habe auch die permissions fuer Änderungen in der style.css auf 777 gestellt.

                                    Woran kann das liegen?

                                    (More …)

                                     
                                    • huvumus 9:30 pm on September 18, 2013 Permalink | Log in to Reply

                                      Ich würde auch gerne wissen, wie das funktioniert. Ich arbeite gerade an http://www.sigrun.com und möchte den Menü-Teil viel kleiner machen, einfach ganz dünn so wie die Schrift. Ich habe auch alle Paddings geändert und es passiert gar nichts. Ich hoffe jemand kann hier weiterhelfen.

                                      • sylvi.e 1:20 am on September 19, 2013 Permalink | Log in to Reply

                                        hallo humuvus,

                                        ich hab inzwischen geschafft, die Schriftgroesze und die Position meines Menues anzupassen! Ich werde einfach mal ganz laienhaft versuchen zu erklären, was ich gemacht hab.

                                        Ich habe also ein Child Theme angelegt und mich im Stylesheet so weit durch den Code gescrollt, bis ich auf die “site-nav” gestoszen bin. Dort hab ich dann die Groeszenangaben fuer die Schrift geändert und mich gewundert, dass trotzdem nichts passiert.

                                        Irgendwann hab ich dann verstanden, dass man weiter suchen muss. Und tatsaechlich taucht weiter unten im Stylesheet noch 2 mal die “site-nav” auf. Da hab ich dann dieselbe Aenderung vorgenommen und schon hat´s geklappt.

                                        MIt den Paddings ist es genau gelaufen. Einfach im Browser mit “Element untersuchen” nach der Bezeichnung des zu veraendernden Elements suchen und dann im Stylesheet die entsprechende Eigenschaft an ALLEN Stellen ändern, an denen sie auftritt.

                                        Konnte ich Dir weiter helfen?

                                        Viele Gruesze.

                                        Sylvi

                                  • phistyle 9:34 am on September 6, 2013 Permalink | Flag unresolved

                                      Tags: font-size, ,   

                                      One more question – I’ve successfully decreased the font size in posts, but I noticed in posts where there is text within a table, the font is still large. How do I decrease the font size for text within a table? I have tried to add “font-size: 12px” to the code below, but perhaps that is not correct?

                                      table tr th {
                                      padding: 10px 12px;
                                      border-top:1px solid #ececec;
                                      border-left:1px solid #ececec;
                                      border-right:1px solid #ececec;
                                      font-weight:bold;
                                      text-align:left;

                                      Thank you so much!

                                       
                                      • Marc Jandt 3:01 pm on September 14, 2013 Permalink | Log in to Reply

                                        Hi,

                                        can you show me your website with a table in the content? Maybe I can figure it out.

                                        Regards
                                        Marc

                                    • phistyle 9:17 am on September 6, 2013 Permalink | Flag unresolved

                                        Tags: , font-size,   

                                        Hello! I know this question has been asked several times for other themes, but I can’t figure out how to decrease the font size in my posts for the Meola theme? I’m a beginner at CSS, so any help would be so appreciated!

                                         
                                      • senhorasdanossaidade 11:11 am on June 1, 2013 Permalink | Flag unresolved

                                          Tags: font-size,   

                                          Font sizes Oita 

                                          Hi, can someone help me to set font sizes on Oita theme? My fonts look huge and I’ve tried in css but nothing happened.

                                          Thanks!

                                          Marta

                                          http://www.senhorasdanossaidade.com

                                           
                                          • fhl 11:08 pm on June 1, 2013 Permalink | Log in to Reply

                                            You’re not using a childtheme so you have to make adjustments in Custom CSS /Include Custom CSS

                                            This makes the size smaller… Copy this code in that place (under theme options – Custom CSS /Include Custom CSS)

                                            .entry-content p, .entry-summary p {
                                            font-size: 1rem;
                                            }

                                            • Sai Krishna 5:07 pm on June 5, 2013 Permalink | Log in to Reply

                                              Hi fhl,

                                              When I made the above CSS edit, it changes only the body, is there a way to change the title of the post also correspondingly?

                                              • Ellen 11:25 pm on June 5, 2013 Permalink | Log in to Reply

                                                @Sai Krishna: You would need to change the following CSS styles for the post titles:

                                                .entry-header h1.entry-title, .entry-header h2.entry-title {
                                                font-size: 29px !important;
                                                font-size: 1.8125rem !important;
                                                }
                                                

                                                For the rem value this tool is helpful: http://offroadcode.com/prototypes/rem-calculator/

                                                Best regards,
                                                Ellen

                                        c
                                        compose new post
                                        j
                                        next post/next comment
                                        k
                                        previous post/previous comment
                                        r
                                        reply
                                        e
                                        edit
                                        o
                                        show/hide comments
                                        t
                                        go to top
                                        l
                                        go to login
                                        h
                                        show/hide help
                                        shift + esc
                                        cancel