Anna Webdesign

Goodmorninggg!

I had to search for a bit, but can you try to remove the other code and add:

.panel-grid { margin-bottom: 0!important; }

Whoeeehoe!

You are welcome ??

I think that is a option in the slider you are using.

However I don’t see the slider anymore now haha ??

If I check the website now I see the slider on the home page – but not on the other pages?

I would try your style.css rule 2162

There I see:

[ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ] Sorry!

body.home .header-image img {
   position: relative;
   /margin-bottom: -74px;
}

Change that in:

body.home .header-image img {
   position: relative;
   margin-bottom: -74px;
   display:inline;

}

(not sure why you use the / before margin-bottom?)

Then go to rule 2157 and change:

.header-image img {
	width: 100%;
	height: auto;
	margin-bottom: -8px;
}

to:

.header-image img {
	width: 100%;
	height: auto;
	margin-bottom: -8px;
	display:none;
}

Ahhh oke ??

So to make sure if I understand, the rows – that are the paragraphs?

Because in between “The 20 selected vendors are in no particular order:”
and the list of vendors I see a big white space. If I check the code I see : <p>& nbsp;</p>
That causes some white space.

And the rest of the white space is caused by a margin-bottom in the:

#pg-293-0, #pg-293-1, #pl-293 .panel-grid-cell .so-panel {
margin-bottom: 30px;
}

If you add this to your style.css:

#pg-293-0, #pg-293-1, #pl-293 .panel-grid-cell .so-panel {
margin-bottom: 0!important;
}

And remove the <p>& nbsp;</p> – In your page – will that help?

Try your style.css

Rule 1242 and add:

nav.mobile-nav {
    display: none;
}

Hmm on my mobile it looks different then on the desktop so I don’t know if this will work..

But I would try to go to your style.css go to rule 383 and add this:

body.custom-background {background-size:100%;}

Hello!

I am not sure if I am understanding it right. Do you want a new stylesheet for every post?

If I want to target 1 specific post, I would go the general style.css or maybe the custom CSS and then target the specific post like this:

.postid-33 p {font-size:100px;}

Now only on the post with the ID 33 has a big paragraph font size.

Most WordPress websites have a diffrent ID for every post of page so if you put that first like my example, then you can add the different css styles to specific posts.

Hope that helps a little?

You mean the space between the sentences?

Then you have to go to:

https://www.mobilitysolutionsconsultant.net/wp-content/themes/TESSERACT/style.css

Rule 625:

p {
    margin-top: 0px;
    margin-bottom:0px;
    padding-bottom: 20px;
   }

and add a line-height like this:

p {
    margin-top: 0px;
    margin-bottom:0px;
    padding-bottom: 20px;
    line-height: 20px;
}

Then you can change the line-height value to make the space bigger or smaller.

Do you have a link?

I think you can make this work in the CSS ??

Do you have a URL?

Hmm I am curious to!

I usually just copy the template and then I copy piece of code and then search in the files….But if there is an easier way I would love to hear it haha ??

I would recommend to make a child theme so your changes in the style.css will be saved when there is a update.

In the style.css I would add the following code:

@media screen and (max-width:768px) {
	.site-header .site-branding { background-size: 100%!important;}
}

If you don’t want to make a child theme then you can go to:
https://arrowsandawe.com/wp-content/themes/sela/style.css
Rule 1762 and add the code above ??

You’re welcome!!

Then you have to add:

width: 100%;

So it will be:

#pre-header-links-inner, #breadcrumbs, #sidebar, #intro.option3 .page-teaser, #footer-menu, .meta-author {
    display: block;
    width: 100%;
}