dazzyweb

Facebook have now fixed the bug so all is working fine now.

After looking further it seems that the issue is not with the developer of the widget but with the Facebook like box. Have a look here: https://developers.facebook.com/docs/plugins/like-box-for-pages/

See how it looks when logged out of facebook.

I tried communicating through the Developer Support but can’t seem to get anywhere. To open a bug report there it appears that I need to have an app registered there but I have informed of the problem on a different bug report related to like box. See here: https://developers.facebook.com/bugs/738781379522093

Maybe others can throw in a word as well to facebook so we can get somewhere with this.

Yes I see that now. I have worked out that the problem appears to happen if no one is logged into facebook on the browser used to view the page.

I see this issue as well. It doesn’t happen in chrome but in internet explorer and firefox.

Thanks for the reply.

Any estimated time of next release?

Thanks again.

Hi Jack

To remove the transparency of the menu bar try adding the following:

.header-wrap {
    opacity: 1;
}

To change the colour of the font on the main menu bar try inserting the following and adjust the colour code to what you need. The colour below is set to white to show clearly with a coloured background:

.main-navigation a {
    color: #ffffff;
}

Also if you change the font you may also need to change the search icon on the right of the menu.

Try the adding following and adjust the colour as you need:

.header-search-icon:before {
    color: #ffffff;
}

Hi Corfian

I can’t seem to see a difference on those pages.

Looking at it I think that maybe you are being deceived by the scroll bar on the right hand side of the browser.

When you have no or little content the scroll bar is not there. When the scroll bar is there then it moves the content over to the left. This might be giving the perception that the page is narrower.

Have another look and let me know.

you can change this within your custom css or a child theme.

The css code would depend on where you want the title and icons moved to.

For example the css below might be what you are after to move the title a little higher and the icons a little lower to reveal the center of the picture more:

.banner-box {
    padding: 0;
}

.banner-scroll {
    margin-top: 340px;
}

.home-container {
  padding: 40px 5%;
}

Insert this into your custom css.

If I understand correctly you want some spacing on the left of your text.

Try something like the following:

.entry-content, .entry-summary {
padding: 1.625em;
}

This will give you padding top right bottom and left

At the moment your padding is only set to top and bottom.

Best to add this to your custom css or a child theme.

Hope this helps.

Try adding the following css to custom css or a child theme depending which part of the background you want changing:

FOR FULL HEADER BACKGROUND MENU THE FOLLOWING:

.header-wrap {
background:#999999;
}

FOR THE HEADER NAVIGATION BUTTONS ONLY THE FOLLOWING:

.main-navigation {
background:#999999;
}

Of course customising the color #999999 as you need.

My hosting provider told me the following

Our servers prevent scripts making HTTP (port 80) connections back to the same server that they’re running on, as policy.

Can this be the issue? If so is there a way around it?

Angietitin if you want your header logo to be in the middle which is in the div branding then try adding the following to your custom css:

#branding {
float: none;
width:45%;
margin: 0 auto;
}

Try changing the width if you want it bigger.

Hi

Looking at the Klasik theme it looks like you have ‘Enable RTL Language Support’ selected which is causing everything to go from right to left.

To disable this go to Appearance -> Theme Options and untick the checkbox under ‘Enable RTL Language Support’

That should do the trick.

Hi Claudia

Looking at your page it doesn’t look like you have changed anything.

At the moment you have margin-left still set to 10px. It needs to be set to 24%.

Do you have a cache plugin? If so clear the cache.

Can you try again to put it in you custom css or try to put in your child theme css file.

If you want to center the input fields to the submit button then try adding the following to the custom css

input[type="text"], input[type="email"] {
  margin-left: 24%;
}