j09

Hello @tdor

I don’t know what might be causing your issue.

However, I can tell you that it’s not the menu that’s causing it.

– Going to any of the pages listed on the menu takes you to the homepage

– Going to the URL’s directly also does the same thing.

So, it’s not the menu.

Hello @dineo123

The logo is not set up correctly

The link it points to is this https://www.xds.co.za/images/logo.png which is a 404 page (does not exist)

Also, for executive leaders, the card for Chris is missing code that’s why the image is not showing.

Hello @glitchman2

The issue you’re having is called “FOUC.” That stands for Flash of Unstyled Content

The main reason this happens in your case is because the CSS file(s) is being loaded after the images are loaded. It should be the other way around.

Hello @grzesiekg

What you see in the “inspect” element menu is the end result. It’s what is called “html output”

That output is a result of WordPress combining many files together.

When you edit things in with “inspect Element” menu you are only editing them in your locally and in browser only. As soon as you refresh the page the page go back to what it was like before.

What you want to do instead is log in to WordPress and find “editor” under the “appearance” menu on the admin toolbar on the left hand of the screen.

In the editor, you will find most of the files that WordPress puts together to create the HTML output.

If you edit those files, the changes are saved and they are global.

Now, pay close attention.

Doing something you’re not supposed to do in those files will break your website. IF you don’t know exactly what you need to do and how to do it, I would recommend that you read about it a lot first.

I can try to help you identify which file you need to edit if you provide a link to the page you want to remove the code from and the actual code that you want to remove.

• This reply was modified 8 years, 4 months ago by j09.

Hello @supervale

Gateway theme by default has a margin added to the bottom of headings 1 – 6

The default value of that margin is 1.5rem

To change it, add the following CSS

h2 {

    margin-bottom: "Your preferred number goes here"rem;

}

You can even set the margin to a negative value like -1rem, but make sure you check the rest of the pages to make sure nothing else breaks.

Hope that works

• This reply was modified 8 years, 4 months ago by j09.

That bit of code is called CSS

You can read / watch this to learn how to add it

WPBEGINNER – HOW TO EASILY ADD CUSTOM CSS

@ewileta

• This reply was modified 8 years, 4 months ago by j09.

@syedmustafa

Please provide a link to your website.

Hi

@d-stanley

There is something in your set up that’s imposing (max-width: 600px) on the image.

Hi @orientalpearllondon

Could you please clarify what the exact issue is?

The theme responds to the screen size by displaying less items as opposed to making the items smaller.

I have 4 products per row on my screen in full mode and 2 if I use tablet resolution

@rbramell

Can You please provide a link to your website.

Hello @talesbyfirelightcom

Not sure what you’re asking, but if you want the @media combined it would be like this

@media (max-width: 768px) {
  
  .spooky-tales .kad-page-title.entry-title {
padding-top: 125px !important;
padding-bottom: 0px !important;
}
  
  .spooky-tales .titleclass {
padding-top: 80px !important;
padding-bottom: 0px !important;
}
  
}

Also, if you’re doing this for the sake of alignment, and depending on how the page template is laid out, it might be easier to use to following instead of padding

margin: auto;

• This reply was modified 8 years, 4 months ago by j09.

In Theory, there is an answer to that question.

In realty, it’s really a lot easier if you find something you like and then ask how you can modify it to according to your needs.

You need to edit the following CSS handle

.post-container

——————

The edit would be as follows:

.post-container {

      background: "your new color goes here" ;

}

If you want the full width

edit the background of

.site-content

So for example…it would be something like this

site-content { 

background: "put your color here" ;

}

The link seems to be working for me.

Your issue is that the link points to your homepage. So…if you click on the image while you’re in the homepage it will look like nothing is happening, even though the page actually reloaded.