Problem with positioning of small images (flags) in header

Header widget:



 

Hi Victoria

Thanks for answering. Unfortunately I don’t “dare” to do that. We are running a major news release friday where traffic to the site is going to be large, and we don’t want the frontpage to not look right – and since I do not know when you would try to do the adjusting it might very well coincide with the news release.

However I did write you the code for the header widget which places both flags (I have just removed the one of them as for now). You are free to use that code, when you try adjusting – but please: If you do not get around to do it thursday then please wait till next week!

Thanks a lot – and best regards

Hi again

Thanks for getting back to me.

I allready had given you the “code” to use in the header widget to make both flags appear, so I just figured you would log in and use that.

Anyway, now I have put in the link code for both flags. The problem offcourse is, that this does not look well on the front page, so I will bring it back to just one flag again latest within 12 hours, and if you haven’t had time to look into it, we will have to get back to the issue later next week. It may be a minor issue on my side – I am not a skilled “programmer” :-)

There has been only one flag since the problem occurs as soon as I put in no. 2

Thanks for your support.

Hi Victoria

Thanks a lot – yes, they are now on the same line :-)

I have positioned the flags horisontally and vertically now via my Enfold Child CSS “#header .widget”

However, I am not really sure how to implement the padding between flags? Do I put your suggested “snippet” into the css for “#header .widget”? Or? (sorry, as mentioned not so “programming skilled” ;-)

Very best regards

Hi Rikard

Thanks for replying.

I have put in 2 non-breaking spaces   – that did it for now.
I could not make the css work for me.
I needed horisontal padding (padding-left or padding right added to the #header .widget) but neither seemed to work.

The other css-snippet:
#text-10 a {
padding: 5px;
}

– well, I really don’t know how to implement that in the #header .widget – and it should somehow adress that – or am I missing something – probably ;-)

Anyway – seems to work with the non breaking spaces – though it would be nice to know how to implement the other css-snippet…

Thanks again
Best regards

Hi Victoria

Thanks again. Really appreciate your support. Great team :-)

Re. the css-snippet:
#text-10 a {
padding: 5px;
}

– I thought it would affect a lot of other things than the header widget
– I thought any css regarding the header widget should be “within” the #header .widget
Not the case?

Thanks again
Best regards

Hi again Victoria

Wow you are fast -thanks again :-)

I WILL look into your suggestions ;-)

You may close the topic.

Very best regards