MicrostockGroup Sponsors


Author Topic: Child Theme questions  (Read 4495 times)

0 Members and 1 Guest are viewing this topic.

« Reply #25 on: April 09, 2013, 06:35 »
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...


Yep, you did what i did...


« Reply #26 on: July 04, 2013, 18:13 »
0
I managed to change the background color of the footer but I can't figure out how to change the text color of the "Information" text and links below (they are in a text widget) and also the grey copyright info in the footer. 

Can anyone point me in the right direction to change the font colors here?

« Reply #27 on: July 05, 2013, 09:13 »
0
I managed to change the background color of the footer but I can't figure out how to change the text color of the "Information" text and links below (they are in a text widget) and also the grey copyright info in the footer. 

Can anyone point me in the right direction to change the font colors here?

If I'm correct the footer info font is defined by the CSS class "muted".
Just paste this code into your child theme CSS to change color or other attributes to your liking. This is an example for making the font red.

Code: [Select]
/*Footer Info Text*/

.muted {
color: #FF0000;
}

« Reply #28 on: July 05, 2013, 20:44 »
0
I managed to change the background color of the footer but I can't figure out how to change the text color of the "Information" text and links below (they are in a text widget) and also the grey copyright info in the footer. 

Can anyone point me in the right direction to change the font colors here?

If I'm correct the footer info font is defined by the CSS class "muted".
Just paste this code into your child theme CSS to change color or other attributes to your liking. This is an example for making the font red.

Code: [Select]
/*Footer Info Text*/

.muted {
color: #FF0000;
}

Thank you!  That worked on the copyright info but for the life of me I can't track down where you found that as I couldn't find it on the styles.php sheet (I've been searching there for code to copy and change colors)  It still doesn't solve the problem of the colors on the widget text in the footer so I'm still searching for that solution.

« Reply #29 on: July 05, 2013, 21:11 »
0
If you use Firefox just get a plugin like Firebug. You click (right) on some object on a web site and get all the styles that apply including class names etc. It is a BIG help.

« Reply #30 on: July 05, 2013, 22:02 »
0
If you use Firefox just get a plugin like Firebug. You click (right) on some object on a web site and get all the styles that apply including class names etc. It is a BIG help.

Thanks!  I do use Firefox and did get Firebug but since I've had absolutely no training on CSS or any other web programming I'm just using logic to figure out changes.  The "right click" clue helped - I clicked on the footer copyright info and see where the .muted came from so now I can start searching out other areas I want to change (carefully of course, on the child theme only!)

« Reply #31 on: July 05, 2013, 22:06 »
0
Just take a look at the source code of your page and find which CSS class is pulled to format the text. Then overwrite this CSS class with the parameters you like by putting it into your child theme CSS.

If this doesn't solve the problem then let me know the URL of your site.

« Reply #32 on: July 05, 2013, 23:01 »
0
Just take a look at the source code of your page and find which CSS class is pulled to format the text. Then overwrite this CSS class with the parameters you like by putting it into your child theme CSS.

If this doesn't solve the problem then let me know the URL of your site.


Thanks!  My site url is www.karensarragaphotography.com.  The part I'm struggling with right now is the "Information" title in the text widget on the lower left.  I was able to change the font color in the links below but I think the "Information" header is pulling from the color used for the h1, h2, h3 headers as a default.  Not sure how to change the individual headers, if that's possible.  I wanted it to be darker, or stand out with an underline or something that would separate it from the links.


« Reply #33 on: July 05, 2013, 23:56 »
0
When I use Firebug on the "Information" headline I find

Code: [Select]
footer .footer_section {

...

}

should do the trick. I also see you have that already in your child theme styles.css. So just add some text formatting of your choice and you should be set.

I can't remember exactly why (and if that was necessary for some reason) but I have used the following code to format that text:

Code: [Select]
div.footer_section.span4 {
...
}


You are welcome to use your Firebug on my site. I got all sorts of css tweaks. And I am definitely no expert, I was just "firebugging" away...  ;D

« Reply #34 on: July 06, 2013, 07:38 »
0
Karen, it seems to me you have used a simple text widget without giving any format information to get this menu block into your site.
Do you mind sending me the widget text by PM so I can adjust it?

Or you could also use the Menu widget with a menu you've created before. The Menu widget has already formatting included.

steheap

  • Author of best selling "Get Started in Stock"

« Reply #35 on: July 06, 2013, 08:33 »
0
Slightly more complex CSS question. I'm running Amanda's clean theme, and on the image display/purchase screen, my descriptions of the image run straight into the author's picture and bio - with no spaces unless I force a "non breaking space" into each description of each image. As I didn't do this for the first 600 images, this is a hassle!

I would like to add a bit of padding either underneath the description display on the image page, or at the top of the author bio segment so that there is a space between the two. I can see the various Class IDs when I look at the source code, but not sure how to modify one of those to add a bit of space.

Ideas?

Steve

« Reply #36 on: July 06, 2013, 09:38 »
0
Slightly more complex CSS question. I'm running Amanda's clean theme, and on the image display/purchase screen, my descriptions of the image run straight into the author's picture and bio - with no spaces unless I force a "non breaking space" into each description of each image. As I didn't do this for the first 600 images, this is a hassle!

I would like to add a bit of padding either underneath the description display on the image page, or at the top of the author bio segment so that there is a space between the two. I can see the various Class IDs when I look at the source code, but not sure how to modify one of those to add a bit of space.

Ideas?

Steve

Try this. (Add it to your child theme CSS)

Code: [Select]
/*Padding Image Page Author Bio*/

.author-bio {
padding-top: 20px;
}


steheap

  • Author of best selling "Get Started in Stock"

« Reply #37 on: July 06, 2013, 10:17 »
0
Yes, that did the trick - thanks very much!!

Steve

« Reply #38 on: July 07, 2013, 17:07 »
+1
Thank you, I'm going to make that adjustment for the update of Cleantheme, was just waiting a bit for the dust to settle on the main theme since I had one or two new elements to style.  I'll be sending out the updated version this week!

steheap

  • Author of best selling "Get Started in Stock"

« Reply #39 on: July 07, 2013, 18:18 »
0
Great - can you look at the formating of that page that you come to from the registration email at the same time. The layout between the "sign in" and the "registration" part of that screen is pretty messed up (at least on Chrome)

Steve

quailrunphoto

« Reply #40 on: July 07, 2013, 18:41 »
0
Thank you, I'm going to make that adjustment for the update of Cleantheme, was just waiting a bit for the dust to settle on the main theme since I had one or two new elements to style.  I'll be sending out the updated version this week!

I look forward to seeing the new version.  How will you notify the Symbiostock members that it is available?

David

« Reply #41 on: July 10, 2013, 18:18 »
0
Great - can you look at the formating of that page that you come to from the registration email at the same time. The layout between the "sign in" and the "registration" part of that screen is pretty messed up (at least on Chrome)

Steve

I just did a test registration because I installed AntiCaptcha, and when I was directed to the Thank You page, it is pretty messed up. It has not been like that in previous test registrations I have done. I am going to go see if I can correct it with CSS but wanted to give a heads up.

edit: yeah, I didn't see what CSS might control that. Any clues?
« Last Edit: July 10, 2013, 18:20 by cclapper »

« Reply #42 on: July 10, 2013, 18:46 »
0
I'm actually just finishing the last change on version 2.0 to be released tomorrow. Cathy, I'll email it to you test out.  I have fixed this page specifically.

Edit: Emailed it out to you Cathy, let me know if you have any issues.  I'll be sending out the update tonight  to everyone who purchased so far, and I have a change log and updated demo as well to post in the morning.
« Last Edit: July 10, 2013, 18:56 by Amanda_K »

« Reply #43 on: July 10, 2013, 20:38 »
0
I'm actually just finishing the last change on version 2.0 to be released tomorrow. Cathy, I'll email it to you test out.  I have fixed this page specifically.

Edit: Emailed it out to you Cathy, let me know if you have any issues.  I'll be sending out the update tonight  to everyone who purchased so far, and I have a change log and updated demo as well to post in the morning.


Thanks Amanda. I will check it out tomorrow.


 

Related Topics

  Subject / Started by Replies Last post
4 Replies
1642 Views
Last post March 30, 2013, 03:28
by Kerioak~Christine
3 Replies
1083 Views
Last post April 30, 2013, 03:51
by Kerioak~Christine
111 Replies
12641 Views
Last post August 30, 2013, 17:19
by pixel86
31 Replies
3975 Views
Last post June 09, 2013, 17:14
by cascoly
1 Replies
1232 Views
Last post September 14, 2013, 16:50
by DallasP

Sponsors

Microstock Poll Results