Tagged: #cocoa #theme Toggle Comment Threads | Keyboard Shortcuts

  • mir747 6:44 am on November 22, 2016 Permalink | Flag unresolved

      Tags: #cocoa #theme   

      How do I remove label areas of comment form on Cocoa theme? 

      Hello,
      I use Cocoa theme on my wordpress blog, and I wonder how do I disappear labels and its areas of comment form. I did the labels looks blank, but its area still exist, so only input areas locate on the right. I want to make comment form more wider by removing labels, but I cannot find what codes are rule the label part. I just It’s too hard to find cause I’m beginner for this :(

       
      • Marc (Support-Team) 3:36 pm on November 22, 2016 Permalink | Log in to Reply

        Hi @mir747,

        can you provide a link to your website? Maybe I can give you some tipps on how to adjust the form with additional CSS code.

        Best,
        Marc

        • mir747 4:43 pm on November 22, 2016 Permalink | Log in to Reply

          Hi, Marc.
          This is my blog: http://joseph101.com. I translated words to Korean, but I don’t touch structure, I think you can still find links like ‘Leave a comment.’

          • Marc (Support-Team) 11:35 am on December 8, 2016 Permalink | Log in to Reply

            Hi @mir747,

            I think the following additional CSS code should maximize the input areas to full width:

            #commentform input#author,
            #commentform input#email,
            #commentform input#url,
            #commentform textarea#comment,
            .page .contact-form input[type='text'],
            .page .contact-form input[type='email'],
            .page .contact-form
            textarea{width:100%;max-width:100%;}
            

            Best,
            Marc

    • Doc 8:18 pm on October 22, 2016 Permalink | Flag unresolved

        Tags: #cocoa #theme   

        Beiträge im Seiten-Layout 

        Hi,

        möchte gerne das Layout der Seiten für die Beiträge verwenden, so dass ich die Side-Notes besser nutzen kann und die H1-Überschrift direkt über dem Text liegt.

        Alles andere würde ich individuell über die site-nodes regeln. Ideal wäre es, wenn man die Site-node genaus “sticky” machen könnte wie die Infos links auf den Beitragsseiten. Könnt ihr mir da kurz sagen, welchen Code ich alles austauschen muss bzw. was der beste Vorgang dafür ist?

        Danke schon mal im voraus!

        Beste Grüße

        Philipp

         
        • Marc (Support-Team) 1:48 pm on October 25, 2016 Permalink | Log in to Reply

          Hallo Philipp,

          dazu sind einige Änderungen am Theme-Code notwendig. Dazu solltest du einen Blick in die Templates für Seiten und Beiträge werfen. Den verwendeten JavaScript-Code für die “Sticky”-Infos findest du ebenfalls in den Theme-Dateien, siehe Unterordner “js”.

          Bitte habe Verständnis dafür, dass wir für individuelle Anpassungen keinen Support im Forum leisten können.

          Für diese recht komplexe Anpassung empfehle ich dir die Verwendung eines Child-Themes. Ein vorbereiteter Child-Theme-Ordner ist in der Cocoa-Dokumentation verlinkt.

          Viele Grüße
          Marc

          • Doc 9:41 pm on October 25, 2016 Permalink | Log in to Reply

            Hi Marc,

            danke für die Antwort. Was heisst komplex in diesem Fall? Ich bin kein PHP Guru… warum reicht es nicht, einfach die Codes auszutauschen, so dass die Beiträge in Form von Seiten und umgekehrt angezeigt wreden? Ich habs versucht, funktioniert nicht. Ist wahrscheinlich viel zu einfach gedacht… Wenn der Aufwand zu groß ist, werd ich es nicht machen können.

            • Marc (Support-Team) 9:02 am on November 21, 2016 Permalink | Log in to Reply

              Hallo Philipp,
              konkret müssen HTML-Elemente anders positioniert und der zugehörige CSS-Code angepasst werden. Auch wenn es optisch eine Ähnlichkeit zwischen den Sidenotes und den Meta-Infos der Beiträge gibt, sind diese unterschiedlich im Code implementiert.
              Erweiterte PHP-Kenntnisse sind für diesen Umbau nicht notwendig.

              Viele Grüße
              Marc

      • jo_theclubhouse 10:49 pm on June 25, 2016 Permalink | Flag unresolved

          Tags: #cocoa #theme, ,   

          Cocoa: Typografie Optionen 

          Hallo, mein Blog ist nicht self gehostet. Ich möchte die Pull Quotes und Wide Text Optionen auf einen spezifischen Blog Post anwenden. Wo muss ich das CSS (mit dem Customizer) dann ändern?
          theclubhouse.me ist der Blog. Vielen Dank für die Hilfe!
          Johanna

           
        • randombadger 11:23 am on February 21, 2016 Permalink | Resolved
          • Ellen (Support-Team) marked this resolved
            2:51 am on February 29, 2016
          • Ellen (Support-Team) marked this unresolved
            2:51 am on February 29, 2016

          Tags: #cocoa #theme,   

          Cocoa: Can you change the width of an image post 

          Hi there,

          Loving the Cocoa theme, but I was just wondering if there was a way of making the image posts the same width as the header image when you make a post.

          You can see here on this link that the images below the main one are not the same width.

          The District goes typographic for real estate

          Is this possible to make them the same?

           
          • Marc (Support-Team) 1:30 pm on February 24, 2016 Permalink | Log in to Reply

            Hi @randombadger,

            you can use the following additional CSS code to widen your content area below the featured image to make it possible to show images in the same width as the featured image:

            	.site-content .entry-content {
            		max-width: 100%;
            	}
            

            Please be aware that the text will also be widened and you need to insert images in a higher resolution compared to those in your example post.

            Best,
            Marc

        • kmonkey 10:10 am on October 5, 2015 Permalink | Resolved
          • Ellen (Support-Team) marked this resolved
            10:55 am on October 7, 2015
          • Ellen (Support-Team) marked this unresolved
            10:55 am on October 7, 2015

          Tags: #cocoa #theme   

          How to format larger intro text? Cocoa theme 

          Hi. In the Cocoa theme intro video, Ellen says there is an option in the theme’s text styles to have larger intro text. I have been unable to find this anywhere in the theme’s settings or documentation. Can you please point me to the setting or instruction? Thank you! K

           
          • kmonkey 8:20 pm on October 5, 2015 Permalink | Log in to Reply

            By the way, I saw here that in other themes, this code is used: <p class = " intro “> — I tried that, but it had no effect. Humbly, I could really use some help.

            • Marc (Support-Team) 10:33 am on October 6, 2015 Permalink | Log in to Reply

              Hi,

              please use the Text editor to enter the code for the intro text. You can switch from Visual to Text on the top right of your content area while editing a post or page. Please copy and paste the following example into your content and check if the text displays in a bigger and bolder font:

              <p class="intro">Your intro text.</p>
              

              Best,
              Marc

          • kmonkey 10:46 am on October 6, 2015 Permalink | Log in to Reply

            Hi Marc,
            Thanks for your reply. I usually use the text editor (only use the visual editor if it’s the default and I don’t notice, which seems to have been the case here).

            Your code worked perfectly. Will this work on other Elmastudio themes as well?

            Thank you!
            Kelly

            • Marc (Support-Team) 10:52 am on October 6, 2015 Permalink | Log in to Reply

              Hi Kelly,

              this works with most of the Elmastudio themes, especially with the recent themes.

              Best,
              Marc

              • kmonkey 9:42 pm on October 6, 2015 Permalink | Log in to Reply

                Excellent, Marc, this will come in handy.

                Thank you. :)
                Kelly

        • gjaaskelainen 10:39 am on April 2, 2015 Permalink | Flag unresolved

            Tags: #cocoa #theme, comment form changes on cocoa theme, previous and next posts on cocoa theme   

            Hi Ellen, thank you for your excellent themes, I’m now using your themes across all my brand websites.

            I have three questions about the Cocoa theme.

            ONE
            I’d like to know how to make a top menu category show posts with the large feature image view rather than listed. For example, on my site, I’d like the Logo Design menu (which is a category) — http://hollywoodblack.com.au/category/logo-design/ — to show the posts like how they show on the Home page – http://hollywoodblack.com.au/

            But I don’t want this change to affect the other menus, e.g. I want Case Studies and Testimonials to stay the way they are now — http://hollywoodblack.com.au/category/case-studies/

            TWO
            How can I change the way the “Previous Posts” and “Next Posts” links on the site look? See http://hollywoodblack.com.au/category/testimonials/page/2/. I’d like them to be the other way round and say “Newer Posts” (on the left hand side) and “Older Posts” on the right hand side.

            THREE
            How can I change the comment form on posts to say “Leave A Comment” not Leave a reply?

            Your help would be greatly appreciated.

            Gina

             
            • Marc (Support-Team) 7:14 am on April 4, 2015 Permalink | Log in to Reply

              Hi Gina,

              please understand that we cannot provide help for theme customizations in the forum.

              1. A possible way to achieve this, is to add this function to your content.php, where you can find the distinction between archive pages (like the category list) and the classic posts page.

              2. The text for these links can be changed in your functions.php.

              3. You need to add a special function to change this text, because it’s generated with an general WordPress function. You can find help on this topic in the general WordPress support forums.

              I recommend strongly to use a child theme for all theme file changes, since an update would overwrite your changes. A prepared child theme folder is linked in Cocoas documentation. The functions.php needs special treatment in a child theme, this should help.

              Best,
              Marc

          • irisvanderzwan 9:08 pm on January 26, 2015 Permalink | Flag unresolved

              Tags: #cocoa #theme   

              add new widget area to theme 

              First of all, let me say that I just love the simplicity and elegance of your themes. I had never worked with WordPress and have no experience with creating a website, but so far it has been really easy to use.

              I am using the Cocoa theme but I would really like to add a widget area to the sidebar, for widgets like social media links, a twitter feed and an area where readers can subscribe. If I add these widgets to the footer widget area, I feel like visitors have to scroll down too far and may end up not seeing it. I really like the idea of the overlay header widget area, but since there is no scroll bar you cannot add too many widgets here. I know that the page scrolls down when I use the arrows on my keyboard, but because there is no scroll bar this is unclear to visitors who just take a quick look. Again, I feel like they may end up not seeing all the widgets.

              Could you please let me know if and how I can add an extra widget area? Please explain to me in dummy language since I have no experience with websites whatsoever.

              Thank you!

               
            • Hinrich 12:10 pm on November 26, 2014 Permalink | Resolved
              • Ellen (Support-Team) marked this resolved
                6:33 pm on November 27, 2014
              • Ellen (Support-Team) marked this unresolved
                6:33 pm on November 27, 2014

              Tags: #cocoa #theme,   

              Hallo zusammen,

              ist es irgendwie möglich eine der Headline Formatierungen beim Cocoa Theme zu verändern. z.b. die Formatierung von H6 auf de Formatierung der notes zu stellen. Also nur was Größe und Schriftschnitt angeht. Hab schon mal versucht das über die note Option laufen zu lassen da läuft der Text aber nur bis 200px. wenn ich da was anderes eintrage ändert sich leider nichts.

              Hätte im Prinzip gerne einen Fliesstext in der Neuen Helvetica Regular.

              bin dankbar für jede Hilfe, Gruß,
              Hinrich

               
            • mOmOmO 11:13 am on November 18, 2014 Permalink | Flag unresolved

                Tags: #cocoa #theme   

                Hallo,
                wie ich sehe ist es in Cocoa möglich links des Inhalts so etwas wie eine Notiz einzufügen. So wie im Beispiel hier in der Live-Demo von Cocoa:
                http://themes.elmastudio.de/cocoa/

                A Blog Theme with Beautiful Typography
                May 10, 2014
                by Ellen
                comments 5
                Personal / Thoughts

                Wie kann ich so etwas erstellen? Herzlichen Dank im Voraus! Beste Grüße

                 
                • mOmOmO 5:13 pm on November 18, 2014 Permalink | Log in to Reply

                  Hat sich erledigt! Wer lesen kann ist klar im Vorteil :) s.u.

                  “It’s a great text option to include a sidenote text to your pages, in case you want to explain in more detail something or add additional text notes to your page content. You can add a sidenote by including your sidenote text in a WordPress custom field and give your custom field the name ‘sidenote’. “

              • 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: #cocoa #theme, , ,   

                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

              • allimarie 9:26 am on August 20, 2014 Permalink | Flag unresolved

                  Tags: #cocoa #theme   

                  Hello! I would really appreciate help on trying to figure out the Social Links tab through the menus button. I’ve read the theme documentation but I still can’t figure out how to get the links AND the logo of the social media platform together. (For ex: Facebook as a link would have the facebook symbol which you would click on, NOT just the word “facebook” as the link.
                  If someone could explain to me what I’m possibly doing wrong that’d be great!
                  Much thanks,
                  Alli

                   
                  • Ellen (Support-Team) 12:25 pm on August 22, 2014 Permalink | Log in to Reply

                    Hi Alli,
                    could you check, if you named your menu correctly? If should have the name “Social”, so that the links will show up together with an icon. If you let me know your URL I can have a look at the code of your menu to see what is missing.
                    Best, 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