Jump to content

Archived

This topic is now archived and is closed to further replies.

The Tennis Chick

Can't edit static home page

Recommended Posts

The Tennis Chick    0
The Tennis Chick

I've tried every which way to edit anything and everything on my home page, but no matter what CSS I try, no changes occur. I can get changes to happen in chrome editor, but not when I apply it directly to my theme. I start every piece of code with 

 

"#page-id-4" and follow it with the rest of the code, but nothing happens. Is there something about static pages that won't allow change? I can get the same changes I'm looking for on all other pages.

 

Thanks in advance :-)

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

It would help if you could paste your code here or in a paste bin and link to you post. A link to the site in hand would also help


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
batman    389
batman

Hi The Cheeky Chick

Please, you can try with 

 

.page-id-4  

  • Like 2

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

batman DOH... of course LOL


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

In my opinion, if you want to customize your static home page, you should use the .home class. This will make it easier for you to read your code and know what exactly it is targeting, using page-id-X for your homepage, may confuse in a few months or even years time and you forget what its for.

 

For example:

 

.home .section-masthead {

    background-color: red;

    color: white;

}

 

Is far easier to understand that the above code styles your home page, rather than below which could styling any old page.

 

.page-id-5 .section-masthead {

    background-color: red;

    color: white;

}

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
The Tennis Chick    0
The Tennis Chick

Hi y'all... Thanks so much for your quick responses :-)

 

I've got my site in maintenance mode right now because I'm in the process of completely revamping my blog, but please post here or DM me when you're ready to look at it, and I'll put it live so you can take a peek at my problem:

 

In the drag and drop area, I included a full width sidebar into the top content "template" area of my home page, because I have a slider via shortcode to be full width, while the rest of the content of the page I want in two columns. For the slider, I need an extra 15px or so added to the top margin because on my iphone, it goes into the navigation bar a bit.

 

I just can't seem to figure out the CSS for this to happen.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

HI there 

 

If the issue is that you are adding code and it is not making the desired changes  then Add all your custom css here http://forum.pagelines.com/pst/

 

Then please provide us a link to the paste you made and we can try to replicate 

 

Or if you want to remove the maintenance plugin we can have a look for you.


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
The Tennis Chick    0
The Tennis Chick

Hi Martin :-)

 

I'll remove the maintenance plugin so you can take  a look. I've tried every bit of CSS there is, but it's not the right combo. I really don't know how you do it, lol! Give me one minute, and I'll have the maintenance mode off :-)

 

EDIT - Maintenance mode is off :-)

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

OK - please also provide the CSS you have tried. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
The Tennis Chick    0
The Tennis Chick
OMG... As I was waiting, I got on and realized my very last attempt I had mis-spelled "text" as "rext" which is why it didn't work... Embarassing... I seriously need more coffee.
 
This worked:
 
.text-31 .widget-pad {
margin-top: 25px;
}

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

That is quite often the case! Usually the answer is more coffee! :)

  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

×