Blog Pages and

Comments

• Air

  June 2013 edited June 2013 Posts: 10,970

  Hello
  
  If you mean Single album then it has its own class in body: single-album
  If you mean albums list then it doesn't has own class.
  
  Targeting pages by id: just look in source. Each page has such class in body: postid-1061. So to make styles for it try something like

  body.postid-1061{
      /* styles */
  }

  I advise you to use firebug for work with CSS od Chrome developer toolbar.
  
  With regards.

  Post edited by Air on June 2013
• JamesNikko

  June 2013 Posts: 5

  Doesn't seem to work, I tried with the id of the page:
  http://www.jamesnikko.com/roxannewentworth/?page_id=34
  
  So my CSS is as follows (and as you suggested):
  body.postid-34 #header{
  position:fixed;
  top:0;
  }
  
  but doesn't seem to work.
  
  Any idea why?
• Air

  June 2013 Posts: 10,970

  Hello
  
  Where do you add this CSS cause I don't see any custom CSS in here http://apollo13.eu/docs/beach/#!/appearance_menu_custom_css
  
  If you are adding this in style.css then read this
  http://apollo13.eu/docs/beach/#!/advance_menu_use_compressed_js_amp_css
  and
  http://apollo13.eu/docs/beach/#!/modification_of_theme
  
  With regards.
• JamesNikko

  June 2013 Posts: 5

  I'm using it HYPERSHOT though, and I'm adding it in my the css editor (sytles.css).. Some other code already worked but I can't seem to target the blog page only, or the albums page only through the technique you mentionned above
• Air

  June 2013 Posts: 10,970

  I think you didn't read links I send you above. Cause your theme is using compressed.css instead of style.css so no changes added there will make any difference. Next time please read what I send you to save your and mine time.
  
  If you don't want to bother with settings mentioned above then use plugin like this http://wordpress.org/extend/plugins/pc-custom-css/ activate it, and next go to Appearance->Custom CSS. There you can insert your custom CSS. If it won't work be sure to set Permalinks like explained here http://support.apollo13.eu/discussion/comment/3831#Comment_3831
  
  With regards.
• JamesNikko

  June 2013 Posts: 5

  I have added it to compressed.css from the start, and as I said BEFORE, the style I have added for other elements works perfectly the only thing not working here is the code you've provided to target the blog page only (not both the blog and album page).
  
  Your tone is extremely annoying and I don't expect that from a support team, surely you don't talk like this to your prospective clients, so it's unfair to do so once I purchased it!
  
  Please can you provide a valid code to make css changes to only the blog page. The permalinks change you suggested (which I followed in the documentation when I first installed the theme) makes it buggy because I'm using it as a subwebsite and since it's in a subfolder everytime I try to go to a page it displays a 404 page from my root website..
• Air

  June 2013 Posts: 10,970

  JamesNikko said:
  Your tone is extremely annoying and I don't expect that from a support team, surely you don't talk like this to your prospective clients, so it's unfair to do so once I purchased it!

  I am sorry that you felt hurt. Often there are users that asks for help and then don't read what we answer to them, so simple topic turns to 10 answers long thread.
  Now I see why I took you for such user:
  -Topic is marked 'Beach please' category but I didn't saw you are using Hypershot.
  - You wrote you were editing style.css and now you say you are editing compressed.css
  So that is why I am a bit confused. Sorry for this misunderstanding.
  
  You can turn off permalinks and delete custom CSS plugin if you will insert all changes in compressed css or child theme as explained here http://apollo13.eu/docs/hypershot/#!/modification_of_theme
  
  Firstly delete this invalid CSS

  
  #15{
  background-image:none;
  }
  
  page#34 .blog #header{
  position:fixed;
  top:0;
  }

  Next add this custom CSS

  
  body.blog #header{
      position:fixed;
      top:0;
      width: 100%;
  }
  body.albums-list-page #header{
      position:relative;
  }
  

  This should make it work only on blog page. Page Id selector, besides it was written wrong, wouldn't work cause on blog page this class didn't exist. You can check it using Firebug tool or by checking source.
  
  With kindly regards.
• JamesNikko

  June 2013 Posts: 5

  Thank you, works perfectly. That's all I was asking for.
  
  Regards