[vandalais]

I got it. I had a syntax error.

 .sticky .post-date em:before {
content: "Featured";
font-size: 28px;
}

.sticky .post-date em:after {
content: "Post";
font-size: 28px;
}

.sticky .date.published.time {
display: none;
}

---

Follow me on Twitter

[vandalais]

Hi Brad,

Thanks for getting back with me so quickly. I found the class to hide the sticky post date.

.sticky .post-date {
display: none;
}

So I could go that route.

What I would really like to do is substitute the date with "Featured Post". I can insert the content using

.sticky .post-date em:before {
content: "Featured";
font-size: 24px;
}

.sticky .post-date em:after {
content: "Post";
font-size: 24px;
}

The class for the date is class="date published time" and this is what I would like to hide. No matter what I try, I can't figure out how to style (hide) this one class. I think the spaces in the class is what is throwing me off.

Any additional help is appreciated.

---

Follow me on Twitter

[vandalais]

Hi David,

Thanks for the help. I kept on thinking the syntax was wrong and I completely overlooked that I had changed the font to italic.

Best Regards.
Keith

---

Follow me on Twitter

[vandalais]

I did have some custom functions that I deleted. The site has absolutely no custom functions. This site worked fine for the last 2 months with the custom functions but I wanted to eliminate any possible conflicts. I can now display blog post with the query.

Ok, is there now a problem using "portfolio" as a a permalink? I named another page "Portfolio" and changed the permalink to "portfolio1" and it works just fine.

If I create a page named "Portfolio" and the permalink "portfolio" and use the blog template and preview the page, it looks fine. When I publish the page it loops to the homepage.

I have it resolved using the permalink "portfolio1" but I have no idea what is going on.

Genesis 2.1.2, Agency Pro 3.0.1 I did try deactivating the few plugins on the site with the same results.

https://www.youtube.com/watch?v=BcJu1UmJa0w&feature=youtu.be&hd=1

---

Follow me on Twitter

[vandalais]

When you use the reveal ID plugin it shows the page id. Is there a way to show the category id? When I use the StudioPress instructions it doesn't seem to work. Should we now be using category_name?

---

Follow me on Twitter

[vandalais]

I think I have a suitable solution. I created a page template and named it Full Width Landing.

<?php
/**
 * This file adds the Full Width Landing template to the Parallax Pro Theme.
 *
 * @author StudioPress
 * @package Parallax
 * @subpackage Customizations
 */

/*
Template Name: Full Width Landing
*/

//* Add parallax-home body class
		add_filter( 'body_class', 'parallax_body_class' );
		function parallax_body_class( $classes ) {
		
   			$classes[] = 'parallax-home';
  			return $classes;
  			
		}

//* Force full width content layout
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

genesis();

I created the css class full_width_page and used this styling to center the <div> on the page.

.full_width_page {
  max-width: 1140px;
  margin: 0px auto;
  padding: 20px;
  }

Each <div> will have their own background color and styling.

---

Follow me on Twitter

[vandalais]

Hi Brad,

Thanks for your quick response but I’m still lost. I still can seem to get the content to go full width.

---

Follow me on Twitter

[vandalais]

This reply has been marked as private.

[vandalais]

That's actually what I am using on the site right now. I'm using a short code to display the Wow slider. The only issue with doing it this way is that it pushes the logo and navigation below the slider. I kind of like the look but I'm not sure how this will affect usability.

---

Follow me on Twitter

[vandalais]

------- RESOLVED-------

The conflict was actually on the last line of my custom CSS. On the homepage "Home Top" widget, instead of using three featured pages, I used a single page. I changed the width from 33% to 100%. When I added padding to an image used in the page, it somehow affected the title area. I adjusted the targeted element (img) and resolved the issue.

---

Follow me on Twitter

[vandalais]

Hi Stewart,

I tried your solution with my existing CSS and it still wouldn't work. When I commented out my custom styles other than the 50% title and widget area size, it works just fine. I just have to find out where the style are conflicting. I know there are some instances in which styles won't necessarily cascade, I guess I'm just lucky enough to have just found one. At least I'm early enough in the project that I only have 20 or so styles to go through.

Thanks for your help,

Keith

---

Follow me on Twitter

[vandalais]

Hi Stewart,

Thanks for your suggestion. I tried using this code at the bottom of my CSS file but it still didn't seem to help.

@media only screen and (max-width: 1023px) {
#title-area{
width: 100%;
}

#header .widget-area{
width: 100%;
}

}

Is this correct?

Thanks,
Keith

---

Follow me on Twitter

[vandalais]

Hi Jeni,

Thank you so much! That was the solution.

---

Follow me on Twitter

[vandalais]

I was having the issue on landing pages.

---

Follow me on Twitter

[Author]

Posts