MicrostockGroup Sponsors


Author Topic: Child Theme questions  (Read 9117 times)

0 Members and 1 Guest are viewing this topic.

steheap

  • Author of best selling "Get Started in Stock"

« on: March 31, 2013, 18:48 »
0
Sorry if I have missed this, but how do you install and then use the Child Theme? Do you just upload and activate it as you do for Symbiostock, or does it need to sit elsewhere in the folder structure?

Steve


« Reply #1 on: March 31, 2013, 18:49 »
0
I just uploaded the symbiostock theme, then the child theme. Then activated the child theme. It went into my root folder.

steheap

  • Author of best selling "Get Started in Stock"

« Reply #2 on: March 31, 2013, 19:33 »
0
I need to research this - what do you then do with the child theme?

« Reply #3 on: March 31, 2013, 19:40 »
0
the child theme is where you make any major changes to styling etc.,

You leave the parent alone.

You do this so that future updates will work, and you will want to apply them to the parent, which then gets passed to the child. 

« Reply #4 on: March 31, 2013, 19:48 »
0
Yes what grsphoto said. Treat the child theme as tho it were the parent. If you make changes to css, make the changes in the child css window. If updates are made to the parent, your customizations will be saved because they are in the child.

« Reply #5 on: March 31, 2013, 20:23 »
0
I just uploaded the symbiostock theme, then the child theme. Then activated the child theme. It went into my root folder.

Cathy, this is what I did but I'm not sure it's set up as it should be.  When I go to Appearance/Themes/Manage I have the child theme showing as the current them and it refrences that it requires it's parent them SYMBIOSTOCK (it's not the error I had previously where it was saying the parent wasn't installed).  I see the parent theme listed with the "available" themes below.  When I look at the root directory I see both Symbiostock and Sybiostock-child listed as separate themes.  Does this sound like I have it set up correctly ?

steheap

  • Author of best selling "Get Started in Stock"

« Reply #6 on: March 31, 2013, 20:28 »
0
I think that is correct. The theme is now the child although the main functionality is still there.

steve

steheap

  • Author of best selling "Get Started in Stock"

« Reply #7 on: March 31, 2013, 20:49 »
0
This could be a good thread for questions about how to change how the sites look!

Who knows how to stop the "author" of each post/image from showing? I've looked through all the options, but don't seem able to stop that from appearing, and also not sure how to stop the comments box from appearing either!

Steve

« Reply #8 on: March 31, 2013, 20:57 »
0
I just uploaded the symbiostock theme, then the child theme. Then activated the child theme. It went into my root folder.

Cathy, this is what I did but I'm not sure it's set up as it should be.  When I go to Appearance/Themes/Manage I have the child theme showing as the current them and it refrences that it requires it's parent them SYMBIOSTOCK (it's not the error I had previously where it was saying the parent wasn't installed).  I see the parent theme listed with the "available" themes below.  When I look at the root directory I see both Symbiostock and Sybiostock-child listed as separate themes.  Does this sound like I have it set up correctly ?


Yes, both themes need to be there, but you will activate the child theme. Basically, everything is being used from symbiostock theme thru the child. But any changes made need to be made on the child, so if the parent changes (like if leo does an update), your modifications remain. I know, its a little confusing. I was looking for a way to activate both themes because i thought thats what was needed, but its only possible to activate one. I remember leo saying in one of the threads to work on the child theme. I hope i am explaining it correctly...


And yes, both folders show in the root directory.
« Last Edit: March 31, 2013, 21:02 by cclapper »

steheap

  • Author of best selling "Get Started in Stock"

« Reply #9 on: March 31, 2013, 21:50 »
0
Can anyone tell me how to get rid of, or change, the menu items up in the top right of the default design?

Steve

Leo Blanchette

« Reply #10 on: March 31, 2013, 21:51 »
0
LOL looks like I'll be making a video after all. Stay tuned for a few minutes. I had already made one...but I'll make a more pointed one.

THP Creative

  • THP Creative

« Reply #11 on: March 31, 2013, 22:24 »
0
Can anyone tell me how to get rid of, or change, the menu items up in the top right of the default design?

Steve

Hey steve, go to Appearance, Menu's and then Create a Menu. Once you have created a menu, you should see a box on the left that contains 4 dropdown menus for 4 different menu locations. You can create 4 menu's, one for each location. Add pages to each menu by simply ticking the page and clicking "Add to Menu", then save. Then select the right menu for the right location in the Theme Locations box on the left, save it and it should all work!

Leo Blanchette

« Reply #12 on: March 31, 2013, 23:15 »
0
Can anyone tell me how to get rid of, or change, the menu items up in the top right of the default design?

Steve


http://www.microstockgroup.com/symbiostock-development-area/need-help-with-navbar/msg307584/?topicseen#new

steheap

  • Author of best selling "Get Started in Stock"

« Reply #13 on: April 01, 2013, 14:20 »
0
Great thanks!

Another question for you wordpress experts. When I click on one of my images and see the pricing etc. There is a block of urls for MSG, Sybiostock etc. I've already got those on the home page, and I think it spoils the professionalism to have them on each image page. How do I delete those from an image page?

Steve

THP Creative

  • THP Creative

« Reply #14 on: April 08, 2013, 22:46 »
0
I'm not real great with CSS (actually, pretty terrible!) but I am using the child theme and was trying to change the appearance of the footer. So I copied these tags from the parent style sheet, pasted them in the child one, and removed the black PNG in the footer. But it's not working!

footer.site-footer {
   background-color: #F4F4F4;
   border-top: 7px solid #333;
   padding: 20px 20px;
   color: #CCC;
   }
footer .footer_section{
   padding: 10px;
   border-radius:14px 14px;
   border: 1px solid #333;
   margin-bottom: 10px;
   }
footer .footer_info {
   padding: 10px 0;
   margin: 10px 0;
   text-align: center;   
   border: 1px solid #333;
   }   

in firebug, its simply a matter of getting rid of the PNG reference as I have done here, but it doesn't seem to be overiding the parent theme. Any ideas?

« Reply #15 on: April 08, 2013, 23:16 »
+2
You just deleted the "background-image:" lines, which means the background images of the parent theme are still there. Try replacing those lines in your child styles.css with e.g. "background-image: url("");"

THP Creative

  • THP Creative

« Reply #16 on: April 08, 2013, 23:38 »
0
I'm such an idiot :) thanks pilens, that makes a lot of sense.

Will try it now

THP Creative

  • THP Creative

« Reply #17 on: April 09, 2013, 00:21 »
0
ok, so that worked great, i know understand a little more CSS!

But I cannot for the life of me work out how to remove the boxes in the footer. I don't want the borders.

None of the css footer classes seem to relate to the boxes?

« Reply #18 on: April 09, 2013, 01:22 »
0
ok, so that worked great, i know understand a little more CSS!

But I cannot for the life of me work out how to remove the boxes in the footer. I don't want the borders.

None of the css footer classes seem to relate to the boxes?


The .footer_section classes control the three boxes, and the .footer_info is the full width one below. I just changed the border colour via the child style.css to check. Look at http://photo.travelling-light.net to see the red borders.

« Reply #19 on: April 09, 2013, 02:27 »
0
ok, so that worked great, i know understand a little more CSS!

But I cannot for the life of me work out how to remove the boxes in the footer. I don't want the borders.

None of the css footer classes seem to relate to the boxes?


I guess I succeeded in getting rid of those boxes. I copied footer.php to my child theme and modified it like that:

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the id=main div and all content after
 *
 * @package symbiostock
 * @since symbiostock 1.0
 */
?>
   </div><!-- #main .site-main -->
   </div>
   
<footer id="colophon" class="site-footer" role="contentinfo">
   <div class="footer_info">
    <p class="muted">
     Copyright 2013 www.imagoborealis.com, All Rights Reserved
     <span class="sep"> | </span>
     <a rel="generator" title="A Semantic Personal Publishing Platform" href="http://wordpress.org/">Proudly powered by WordPress[/url]
     <span class="sep"> | </span>
     Theme: SYMBIOSTOCK by
     <a rel="designer" href="http://www.clipartillustration.com/">Leo Blanchette[/url]
    </p>
   </div>
</footer><!-- #colophon .site-footer -->
<?php include_once('modal-login.php'); ?>
<?php wp_footer(); ?>
</body>
</html>


You can see on my site what this (and some minor tweaking in styles.css) did. BUT I don't really know if this is going to haunt me later with some unwanted side effects. Try on your own risk  ;)

Leo Blanchette

« Reply #20 on: April 09, 2013, 02:44 »
0
Awesome job. Just make sure you don't remove <?php wp_footer(); ?> - that is very important. Your doing things the right way. Keep it up!

« Reply #21 on: April 09, 2013, 02:45 »
0
It does have a VERY unwanted side effect (when I tried it and it seems to be the same on your site) - try logging out of your site then logging in from the Login/Register link at the top of the page.   


Putting an edited footer in the child theme caused the problems I posted about here http://www.microstockgroup.com/symbiostock-technical-support/i%27ve-broken-it-loginregister-option-at-top-goes-to-eula-i-think/  - the way I did it anyway
« Last Edit: April 09, 2013, 02:50 by Tinny »

THP Creative

  • THP Creative

« Reply #22 on: April 09, 2013, 03:17 »
0
Got it, following code in child theme style.css works, no noticable quirks...


footer.site-footer {
   background-color: #5E5E5E;
   background-image: url("");
   padding: 20px 20px;
   color: #CCC;
   border-style:none;
   }
footer .footer_section{
   background-image: url("");   
   padding: 10px;
   border: none;
   margin-bottom: 10px;
}

footer .footer_info {
   background-image: url("");   
   padding: 10px 0;
   margin: 10px 0;
   text-align: center;   
   border: none;
   }   

YAY! Now just need some fine tuning of a few things...

« Reply #23 on: April 09, 2013, 04:29 »
0
It does have a VERY unwanted side effect (when I tried it and it seems to be the same on your site) - try logging out of your site then logging in from the Login/Register link at the top of the page.   


Putting an edited footer in the child theme caused the problems I posted about here http://www.microstockgroup.com/symbiostock-technical-support/i%27ve-broken-it-loginregister-option-at-top-goes-to-eula-i-think/  - the way I did it anyway


Thank you for pointing this out, Tinny. I somehow knew it couldn't be THAT easy.  :(

edited: even an unedited copy of footer.php in the child theme has this effect.
« Last Edit: April 09, 2013, 04:43 by Pilens »

« Reply #24 on: April 09, 2013, 06:29 »
0
Nice one Tim - I have done a variation now, had managed to change some of the text colour and now added a picture to the footer, not sure if it works but carries on from kerioak.com site background to a certain extent


 

Related Topics

  Subject / Started by Replies Last post
4 Replies
2727 Views
Last post March 30, 2013, 03:28
by Kerioak~Christine
3 Replies
2045 Views
Last post April 30, 2013, 03:51
by Kerioak~Christine
111 Replies
21931 Views
Last post August 30, 2013, 17:19
by cathyslife
31 Replies
8043 Views
Last post June 09, 2013, 17:14
by cascoly
1 Replies
2463 Views
Last post September 14, 2013, 16:50
by DallasP

Sponsors

Mega Bundle of 5,900+ Professional Lightroom Presets

Microstock Poll Results

Sponsors