Im unable to change the font

Im unable to change the font here https://web1expert.com/category/articles/ ,each articles is showing weird css styling …can u please help

What have you tried so far? (I’m assuming you know how to edit and manage css files on that site)

It looks to me like normal css would effect the changes you want (apart from the spans which have inline style tags applied so you would need !important from the style sheet to over-ride them).

I just tinkered with a couple of styles and the changes are reflected easily.

Or was there some other problem?

can you send the css here as its difficult to read in the image

Well the image was to show you where you should be looking rather than providing finished code as you are the only one who knows what you want it to look like.:slight_smile:

Anyway here is the code I used so you can modify it to your needs and add it back into your custom css file. The code will need to be called later than the original code so don’t stick it at the top of the stylesheet.

.cwp-blog .entry-content p:first-child {
  margin-bottom: 0;
}
.entry-content p {
  color: black;
  font-size: 20px;
}
.cwp-blog .entry-content p:first-child {
  margin-bottom: 1rem;
}
.cwp-blog .entry-content p:first-child span {
  font-weight: bold !important;
}
.entry-content p {
  color: #333;
  font-size: 1.1rem;
  margin: 0 0 1rem;
}
1 Like

I placed the code & it worked Thanks for the help…can u help me in changing font of entire site it looks really bad

I saw just now here https://web1expert.com/category/blog/food/ somepart is getting grey and somepart is bolder do you know the reason…

This is what the problem is in the entire site can u suggest me

You are using a google open sans font from the looks of it which doesn’t look too bad but you don’t seem to have organised any of the heading tag sizes or indeed have not used headings in a logical order. You may need to be more specific about which item you want changed or mention one item at a time that we can look at.

I’m not here to re-code a site for free but I will try to help with glaring display errors.:slight_smile:

Indeed this question may end up being more a CMS WordPress question which is not my area as I don’t touch wordPress.

A quick fix may be to standardise those headings because you have them all out of logical order.

.grid-container h1,
.grid-container h2,
.grid-container h3{
color:#444;
font-weight:bold;
font-size:2rem
}

.grid-container h1 span,
.grid-container h2 span,
.grid-container h3 span{
font-weight:bold!important;
}
.entry-content ol,
.entry-content ul{
list-style:none;
margin:0;
padding:0;
}

.entry-content li {
    color: #333;
    font-size: 1.1rem;
    margin: 0 0 1rem;
}

It will then look like this:

Of course there are loads of empty tags in the page just taking up space with their margins and they need to be manually removed.

<p><span style="font-weight: 400">&nbsp;</span></p>

You have also added non breaking spaces at the start fo each heading thus making them not line up with the content.
<h1><span style="font-weight: 400">&nbsp;Top 5 Unusual Restaurants Around The World</span></h1>

Its difficult to suggest something as it depends on your level of skill and whether you are willing to learn html and CSS. Generally these types of sites are theme orientated and when you purchase or install a theme then you should really not modify it unless you know what you are doing.

On that page you linked to there are a lot of things that have gone awry and its hard to fix them unless we know how they are supposed to look.

The issue is compounded because as I mentioned before there are loads of inline style tags like this:

<li style="font-weight: 400"><span style="font-weight: 400">

They will over-ride the CSS unless the css has !important added to it and would be a nightmare to manage. Who added all those inline rules into that template?

You also have an error here:

That’s a badly formed span (indeed it’s not a span at all as the angle brackets have been converted into text so it renders as text not html).

You may need up just going back to your default installation as I’m sure the tags were not organised like that from default. If this question is a WordPress question then it needs to be moved to the CMS forum instead of plain html and css.

Got it ,thanks for the detailed explanation it will help a lot