Title: CSS issues Last modified: August 31, 2016 --- # CSS issues * Resolved [Thomas Townsend](https://wordpress.org/support/users/smb-dev/) * (@smb-dev) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/) * Really like what you have done with this. Working on a major site update and with the older “Genesis Custom Headers” I was unable to target CPT for Custom Headers/ Specifically Portfolio. * With BL I am able to achieve this with a a Global that picks up all the Archive Posts too however, the main issue I have now is the css I had been using to offset the .site-inner IS NOT working on Blox. * I have tried everything from using the custom code #blox_global as well as trying it local and I still cannot affect the spacing difference to the .site-inner on the Portfolio Pages. * I was using custom body class to target the regular pages but this does not work for [CPT for Portfolio.](http://smbsocial.staging.wpengine.com/portfolio/) * Any ideas ? * I was hoping I could do everything with this new Blox and eliminate the older plugin but not being able to target the specific css is an issue. Even when I disabled the Custom Header Plugin, my Local Blox settings would not hold either. * [https://wordpress.org/plugins/blox-lite/](https://wordpress.org/plugins/blox-lite/) Viewing 9 replies - 1 through 9 (of 9 total) * Plugin Author [Nick Diego](https://wordpress.org/support/users/ndiego/) * (@ndiego) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096482) * Hi Thomas, * Are you able to provide the css you are using to offset the .site-inner as well as the position hook you are using? That would help me get a better understanding of what is going on. Better yet, are you able to provide a live link to pages where it is working as you would like and another where it is not (i.e. when using Blox Lite)? * Thanks, Nick * Thread Starter [Thomas Townsend](https://wordpress.org/support/users/smb-dev/) * (@smb-dev) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096564) * Sure thing. * Example 1: This is[ about-us ](http://smbsocial.staging.wpengine.com/about-us/) page and has custom header added. I needed to modify (decrease) the spacing between the header image and the content. This works as it’s supposed too. * ``` .custom-header-about-us .site-inner { margin-top: 70px; } ``` * When the same rule is used with Blox to this [Portfolio Page](http://smbsocial.staging.wpengine.com/portfolio/) and the portfolio sub-pages the .site-inner does not change with the following added to my style sheet * ``` .custom-header-portfolio .site-inner { margin-top: 70px; } ``` * I have also tried it with – * ``` #blox_global_3321 .site-inner { margin-top: 70px; } ``` * I have purposely NOT modified the basic .site-inner because I have several pages that need to use the default css code. * After looking at this again. I guess I could mod the .site-inner for all and then make special case for the pages that don’t have headers ? * Then again, I am not sure why the first approach is not working ? * Thanks * Plugin Author [Nick Diego](https://wordpress.org/support/users/ndiego/) * (@ndiego) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096575) * Hi Thomas, * One of the cool things you can do with Blox is add CSS to only the page that has your headers. * So on the style panel of the block you are working on, if you just add some custom css that targets .site-inner, it will only be executed on the pages that have your header. So try adding: * ``` .site-inner { margin-top: 70px; } ``` * The reason that `#blox_global_3321 .site-inner { ... }` does not work is because. site-inner is not inside of the content block. That id, #blox_global_3321, is the id for the content block itself and .site-inner is outside of its scope. * Given your explanation, I believe this will do the trick for you. If not, let me know. I am positive we can find a solution. * Nick * Thread Starter [Thomas Townsend](https://wordpress.org/support/users/smb-dev/) * (@smb-dev) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096579) * Thought I had tried that last night – hmm late night coding.. * Ok, I added it to the Global Block and it now displays ok for the main [“Portfolio” ](http://smbsocial.staging.wpengine.com/portfolio/) * but NOT on any of the Portfolio Single Archive Pages…[ example ](http://smbsocial.staging.wpengine.com/portfolio/srs-legal) * These are my settings [http://www.awesomescreenshot.com/image/1023144/8524b9aa43ef21293739d7eb222743a6](http://www.awesomescreenshot.com/image/1023144/8524b9aa43ef21293739d7eb222743a6) * Plugin Author [Nick Diego](https://wordpress.org/support/users/ndiego/) * (@ndiego) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096601) * Hi Thomas, * I checked out the example link and I am seeing the blueish header image. It looks similar on the [http://smbsocial.staging.wpengine.com/portfolio](http://smbsocial.staging.wpengine.com/portfolio) page. Did you get it working or am I missing something? If so, I apologize. Can you explain further? * Thread Starter [Thomas Townsend](https://wordpress.org/support/users/smb-dev/) * (@smb-dev) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096602) * Hi Nick, yes it is working on that ONE Page. It is NOT working on the associated CPT sub-pages that are part of that Portfolio… these are either Single Pages or Archive pages as I detailed above. * If you compare the base Portfolio Page – you will see that the Header and the site-inner is properly reading the css. The other pages ARE NOT. * Plugin Author [Nick Diego](https://wordpress.org/support/users/ndiego/) * (@ndiego) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096606) * I apologize, I am getting confused… * For me, Chrome and Safari, the main portfolio page and all of the individual portfolio pages have the same blue graphic for a header and .site-inner{ margin- top: 70px }. So the following all have the same header for me: * [http://smbsocial.staging.wpengine.com/portfolio](http://smbsocial.staging.wpengine.com/portfolio) [http://smbsocial.staging.wpengine.com/portfolio/srs-legal](http://smbsocial.staging.wpengine.com/portfolio/srs-legal) [http://smbsocial.staging.wpengine.com/portfolio/virtual-interactive-systems](http://smbsocial.staging.wpengine.com/portfolio/virtual-interactive-systems) etc. * Due to the text on the subpages, the distance between the header and the content is larger, but the .site-inner still has the margin-top: 70px. At least that is what am seeing. * If this is not what you are seeing, or I have gotten the problem completely wrong, let me know. I want to solve this!!! * Thread Starter [Thomas Townsend](https://wordpress.org/support/users/smb-dev/) * (@smb-dev) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096608) * Hi Nick, * Guess I need to get some sleep. You are correct is in fact 70px on all of them. I forgot I had removed the Post Meta (dates)and that’s why I am seeing the discrepancy with height between the header image and the first line of text. * My apologizes, I do very much appreciate you hanging with me. Gonna go over and sing some praise on the Genesis slack channel for you and this plugin. Can’t wait for the Pro Version – put me down for a Dev copy for sure !!! * Plugin Author [Nick Diego](https://wordpress.org/support/users/ndiego/) * (@ndiego) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096637) * Thanks Tom! Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘CSS issues’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/blox-lite_23282d.svg) * [Blox Lite](https://wordpress.org/plugins/blox-lite/) * [Frequently Asked Questions](https://wordpress.org/plugins/blox-lite/#faq) * [Support Threads](https://wordpress.org/support/plugin/blox-lite/) * [Active Topics](https://wordpress.org/support/plugin/blox-lite/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/blox-lite/unresolved/) * [Reviews](https://wordpress.org/support/plugin/blox-lite/reviews/) * 9 replies * 2 participants * Last reply from: [Nick Diego](https://wordpress.org/support/users/ndiego/) * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/css-issues-31/#post-7096637) * Status: resolved