[Hannah P]

Thanks so much. I will play with that later and see if I can get it all working!

[Hannah P]

Hi!
Thanks so much for the link - it explains a lot of things really clearly. Before I saw it I had been playing for many hours to try and figure things out. I'll put here the answers to my own questions in case it helps anyone else - and if I've done anything daft please let me know!

1. I put the CSS in the 'additional CSS' part of appearance/customise as this seemed most straightforward and prevented me changing something I shouldn't.
2. I add the following CSS there which does seem to have had the effect of re-centralising the image. I made the header-right area really small (as it only needs to hold three mini icons) and then removed the float that had appeared for the logo:

.title-area {
	float: none;
 }

.site-header .header-widget-area, .site-header .widget-wrap, .site-header .simple-social-icons, #simple-social-icons-2 {
	width: 150px;
}

3. As I had wanted a semi-transparent box, without having transparent text on top, I used RGBA colours. I needed to also do this to the before & after parts to deal with the extra cut off bits of the box. Not entirely sure what I'll do if I don't want these extra corners - I could maybe make them completely transparent - but that doesn't sound elegant. But for now the following is working for me:

.image-section .widget-wrap {
    background: rgba(255, 255, 255, 0.5);
}

.image-section .widget-wrap:before
 {
	border-bottom-color: rgba(255, 255, 255, 0.5);
}

.image-section .widget-wrap:after
 {
	border-top-color: rgba(255, 255, 255, 0.5);
}

Thanks again.

[Hannah P]

Thanks so much Andrea.

I couldn't see it in the CSS (probably because this is all quite new to me) but managed to find the excerpt width by looking at the overlay in the child theme images folder.  It was 352 wide, so I'm presuming that that means that the ideal photo (if I want to include it in its entirety) would be (1140-352) = 788x445.  I will try and create my featured images around this size.

 

Thanks

[Hannah P]

Thx Dave- have discovered the file management system you mentioned and got my new images uploaded - perfect.

ps - the yorkshireman is great - but nothing can beat the argument sketch! well yes it can.  but no it can't. yes....

[Hannah P]

Thx Dave.

I'll look at that box-shadow line - that really helps.  At the moment nothing's finalised (still need to sort out the navigation etc!), just being a bit of a control freak with random white lines.  I'll get Firebug too.

I had thought updates might overwrite everything. Yesterday I reset everything, and then wrote out details of any change I made just in case.  I have backups going automatically to DropBox so that should help.

However I still haven't figured out how to download/export just the css file to make changes and save.  Brad mentioned doing the editting in external software, but I'm guessing there's a better way to do that than copy & paste!!!  (Would Firebug?)  Is this something behind the scenes that would be complicated to explain?  Perhaps somewhere else in BlueHost?  The only export I can find currently is under tools and that is for the .xml of posts/pages.  Similarly with the uploading an image to replace a default one in the CT.  I can find uploading of posts, of full child-themes in zip and of individual images in the media library - but not to the child theme image folder.  How would I go about doing this?

Sorry for so many issues!

Do I manually mark this as resolved?

Thanks

ps - Luxury indeed!  Hey, I'm from Yorkshire so I know all about luxury!

[Hannah P]

Hi

Am not sure if this post will be picked up now, but wanted to feed back - especially in case anyone else googles and wants to know if it worked.

Thx - I appreciate understanding how the CSS loads etc.

By adding the following code into the child theme css (into the Responsive Slider section already there) I managed to get it working:

1. The following changed the background colour to one of my choice

.slide-image {

background-color: #ded9c2; 
}

2. The following centralised the image. I had to add padding to allow for the excerpt section.

.slide-image img {

margin: 0 auto;

padding-right:352px;
 }

 

I now just need to figure out where the white line above is coming from.  And I suddenly realised that when I add in my side widgets that will probably throw all my measurements - but at least I know where I'm looking for things now.

If anyone does pick this up - is there any way to upload a single .png to my child theme's image folder (in order to replace the default one on the slider)?  Or do I have to save the .png in the zip file of the child theme and re-upload (and I'm guessing lose my edits at this point)?  Or, can I upload an image to the normal media library and reference that in the CSS?  The current reference is to: url(images/slider-excerpt.png)

Thanks so much

Hannah

[Hannah P]

Hi Dave & Brad

Thanks so much for taking the time to answer, I'll have a go tomorrow at sorting it out.

Dave - I think you're my new personal hero for liking the question wording! I dislike it when people ask me questions but don't give any of the relevant info, so tried to give everything - but in all honesty have only just got the tiniest clue what I'm doing. Thx

Brad does that mean that any changes or new code I put into the child-theme stylesheet will override anything in the plugin css? So when I try Dave's coding on alignment that I can just put that also in child-theme stylesheet (found at Appearance - Editor)?

I'll copy the other question into a new thread.

Thanks.

[Author]

Posts