Jump to content


Photo
- - - - -

Can't edit static home page


Best Answer The Cheeky Chick , 02 May 2014 - 01:55 PM

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;
}
Go to the full post


  • Please log in to reply
10 replies to this topic

#1 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 41 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 01 May 2014 - 08:51 PM

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 :-)



#2 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 01 May 2014 - 08:58 PM

It would help if you could paste your code here or in a

Please Login or Register to see this Hidden Content

and link to you post. A link to the site in hand would also help



#3 batman

batman

    Bat Learning

  • Members

  • 2202 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 01 May 2014 - 08:59 PM

Hi @

Please Login or Register to see this Hidden Content

Please, you can try with 

 

.page-id-4  


  • James B and GetMeWebDesign like this

#4 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 02 May 2014 - 12:55 AM

@

Please Login or Register to see this Hidden Content

DOH... of course LOL



#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 17580 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 May 2014 - 10:37 AM

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;

}


  • batman likes this

#6 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 41 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 02 May 2014 - 01:34 PM

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.



#7 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 02 May 2014 - 01:36 PM

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 

Please Login or Register to see this Hidden Content

 

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.



#8 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 41 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 02 May 2014 - 01:45 PM

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 :-)



#9 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 02 May 2014 - 01:47 PM

OK - please also provide the CSS you have tried. 



#10 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 41 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 02 May 2014 - 01:55 PM   Best Answer

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;
}


#11 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 02 May 2014 - 02:01 PM

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


  • GetMeWebDesign likes this