Custom Blog Post Page

[krkinguy]

Hello there,

I have a problem customizing the blog post pages.
For example: https://ucscgenomics.soe.ucsc.edu/events/
https://ucscgenomics.soe.ucsc.edu/publications/
https://ucscgenomics.soe.ucsc.edu/news/

I just joined the team as the new web admin, and I am not sure where the pages calling the custom style code from.

What we wanted is having something similar to the Agency News section like this:
http://demo.theme.co/agency/news/

Please help how we can achieve that? Thank you

[ruenel]

Hello There,

Thanks for writing in! The events and publications page is using a custom page template which was added in your child theme. You will have to edit it in your child theme files. This is a custom modifications done by your developer.

By the way, the agency demo especially the news page is using the default blog index and it is using Ethos stack. Your site. Your site on the other hand is using Integrity stack.

If you want to change the username and email of this account, please include the new username and email address in your next reply.

Please let us know how it goes.

[krkinguy]

Hi there,
I don’t want to mess up the Integrity stack (change the whole layout, just for one layout).
Is it possible to provide me the css and the php code that I complement the blog feature from the agency demo. My manager just liked how the post show the image on the left and how the title and text display.

I understand that the current theme page is custom page therefore, I asked if there a way I can have the code of the php / css for that layout only? I can’t change the theme to ethos, because it messup the header image background and it has a weird space gap as well.

[lely]

Hi There,

Unfortunately. mixing stacks features, functionalities or design is possible with customization that is outside the scope of our support. We do help with some simple changes, but this will entail a lot of customization not just CSS but structure too. On ethos the image is set as background while on integrity it is just an image. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Michael0311]

Hi there Lely,

Just read the above, now I also have the Integrity stack and I would like to know how I can change my background color (want to switch it to white) on my blog page. Now I have a background image which is nice on my landing (say home) page, but not to good on my blog page, coz it looks messy. Hope you can provide me with some info about this! Thank you so much. Regards, Michael

[Joao]

Hi There,

Please go to X > Launch > Options > CSS and add

.page-template-template-categoryevents    , .page-template-template-categoryevents {

background: none !Important;
 }

Hope it helps

[krkinguy]

^ that css only work for my template.
Hence the “.page-template-template-categoryevents , .page-template-template-categoryevents”

But do follow the background: none !Important;

[lely]

Hi Michael,

Unfortunately, I am a little bit confuse. When I checked this: https://ucscgenomics.soe.ucsc.edu/events/, I saw that you have this custom CSS:

  .page-template-template-categoryevents {
     background-image: url(https://ucscgenomics.soe.ucsc.edu/wp-content/uploads/2016/08/UCSC_GI_NEWS_11746192_l_Trans.jpg);
     background-size: cover;
     background-repeat: no-repeat;
  }

That adds background image on the entire page which emphasize the post list. I can see you have manage to update that CSS to work on other categories too. Can you clarify now what’s left with the issue?