MicrostockGroup Sponsors

Child Theme questions

Started by steheap, April 01, 2013, 00:48

Previous topic - Next topic

steheap

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
Stock Photo Blog: http://www.backyardsilver.com

cathyslife

I just uploaded the symbiostock theme, then the child theme. Then activated the child theme. It went into my root folder.
#boycottShutterstock   #shutterstockBoycott

steheap

I need to research this - what do you then do with the child theme?
Stock Photo Blog: http://www.backyardsilver.com

grsphoto

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. 

cathyslife

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.
#boycottShutterstock   #shutterstockBoycott

klsbear

Quote from: cclapper on April 01, 2013, 00:49
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

I think that is correct. The theme is now the child although the main functionality is still there.

steve
Stock Photo Blog: http://www.backyardsilver.com

steheap

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
Stock Photo Blog: http://www.backyardsilver.com

cathyslife

#8
Quote from: klsbear on April 01, 2013, 02:23
Quote from: cclapper on April 01, 2013, 00:49
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.
#boycottShutterstock   #shutterstockBoycott

steheap

Can anyone tell me how to get rid of, or change, the menu items up in the top right of the default design?

Steve
Stock Photo Blog: http://www.backyardsilver.com

Leo Blanchette

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

Quote from: steheap on April 01, 2013, 03:50
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!
Visit: THP Creative

Leo Blanchette


steheap

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
Stock Photo Blog: http://www.backyardsilver.com

THP Creative

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?
Visit: THP Creative

Pilens

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

I'm such an idiot :) thanks pilens, that makes a lot of sense.

Will try it now
Visit: THP Creative

THP Creative

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?
Visit: THP Creative

Travelling-light

Quote from: Microstock Man on April 09, 2013, 06:21
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.

Pilens

Quote from: Microstock Man on April 09, 2013, 06:21
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</a>
     <span class="sep"> | </span>
     Theme: SYMBIOSTOCK by
     <a rel="designer" href="http://www.clipartillustration.com/">Leo Blanchette</a>
    </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

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!

Kerioak~Christine

#21
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

THP Creative

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...
Visit: THP Creative

Pilens

#23
Quote from: Tinny on April 09, 2013, 08:45
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.

Kerioak~Christine

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