ieatwork

Excellent. All worked perfectly. However, a little black square has now appeared in front of the Facebook icon. I’m assuming this is something to do with the CSS?

That’s extremely helpful. Thank you.

I managed to get it to work using the code you supplied. However, the icons seems to be a little difficult to click on when hovering the cursor over them. Any ideas as to why this is happening?

I changed the code slightly by using ‘a href’ in order to get the icons to link to the correct URLs:

`<li class=”social_item facebook”>
<a href=”https://www.facebook.com/circus2011″>Facebook</a&gt;

<li class=”social_item twitter”>
<a href=”https://www.twitter.com/circuseleven”>Twitter</a&gt;`

Is this ok or is it bad practice?

I also wanted to see what the icons looked like to the right hand side of the join-button. I tried changing all float values to ‘right’ in the CSS, but it did not have the desired effect.

Thanks again for your help on this.

Is it as simple as putting the social media icons in <div class=”button”> and floating them left?

Is it as simple as putting the social media icons in <div class=”button”> and floating them left?

Hi Marventus,

It’s me again with another question! ??

I wondered if you could help.

I need to add Facebook and Twitter icons to the left of my JOIN THE CIRCUS button under the header image.

See example of what I mean: https://www.circus11.com/social_links.jpg

Here is a link to my header.php which is where I think this area of my site is controlled: https://pastebin.com/adiWBKRw

Thanks in advance for any help you can give! ??

Would it work if I inserted this into my header.php and changed the img src paths?

I will give it a go and see what happens.

I’ll expect I’ll need to position it correctly to the left of my branding div.

Thanks,

Ollie

Can anyone help? ??

Thank you. I will give that a try in the morning.

The site is almost complete now ?? I just need to add a footer to the bottom of the pages which should be fairly straightforward.

In order to get my Facebook and Twitter icons positioned under the menu would I need to create a new div container and float it next to the div which holds the logo image? See example of icons here: https://www.circus11.com/social.jpg

I thought an easy way to achieve this would be to just add the icons to the logo image in Photoshop and then create an image map to turn the icons into links, but not sure this would be the correct/professional way to do it.

Could I simply add a new div to the header.php to position the icons?

FYI. I came up with a fix (sort of) for the dropdown menu.

#access ul ul a {
	font-family: 'KorolevBold', Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background: #000;
	color: #fff;
	line-height: 1em;
	margin: 0;
	padding: .80em .0em .5em 0em;
	min-width: 170px;
	height: auto;
	text-align: left;
	padding-left: 13px;

OK, I guess I will just leave the menu as it is if it going to be tricky to get it to align properly.

I also have an issue with the homepage. I need to get the FESTIVAL and NEWS areas to be equal in width.

The home page is set to the default theme template which features a twitter feed widget which I have renamed as the NEWS area.

Do you have any idea how I can make both columns equal in width? I have been trying for days!

I can’t seem to find how to control the width of the widget container. Perhaps it is in sidebar.php code: https://pastebin.com/CwMMsu3Y

Or in the widget CSS: https://pastebin.com/RZbVBaPj

This is the suggested CSS for editing the style of the widget: https://pastebin.com/aXzHgpKW

Please let me know if I can private message you. I feel I owe you for helping me out with all of these issues.

This is the CSS: https://pastebin.com/29hT72iD

I have tried to play around with text-align: center on the menu attributes but can’t seem to fix it.

Thank you very much indeed for your help.

Excellent! I inserted the code into the branding div and it has worked.

So I should now be able to use the featured images function on a page where I need a static image.

I know the menu isn’t quite right, as you pointed. The dropdown under exhibitors also doesn’t seem to be centered properly.

Thanks for the tip regarding static URLs. Will I need to change these in just the header.php or do I need to do it for every php file with URLs in?

I think this might have something to do with me duplicating the ‘branding’ div in the header.php

You’ll see I called the duplicate ‘branding2’.

The header image with the logo on just needs to be static and remain in the same place on each page. Is there some simple code I can insert to achieve this rather than duplicating the branding div?

I have just added a featured image to an Exhibitor page and this is how it displays: https://www.circus11.com/wordpress/?page_id=126

For some reason it has duplicated the image, with the top one replacing the header image with my logo on.

Hmmm…