Jump to content


Photo
- - - - -

Feature media Not showing Up

features css

Best Answer Rob , 04 May 2013 - 04:38 PM

Yes, there's a setting, depending on how you're placing the feature set. Go to edit your page. Scroll down to PageLines Meta Settings.  Click the Features tab.  Scroll down and you'll see Feature Section Height and Responsive Control

 

Select "Static Height (Height is always the same)", then, in the field below enter the pixel value (just numbers) for the height.  I use 408, which then becomes 408px in the code. No need to type 'px' in that field. 

 

Save the settings and the height will be the value set.

Go to the full post


  • Please log in to reply
11 replies to this topic

#1 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 04 May 2013 - 03:22 PM

Good Morning!   Im trying to tweak a feature section and the Feature media area wont show up. 

 

This is the code i added to split the feature area in half.

 

#feature_slider .fcontent.scale_text.fset_height {
    width: 50%;
}

 

Here is the site im working on -

Please Login or Register to see this Hidden Content

 

If i remove the code it works great but the spacing is not what i want.  Any suggestions? 

 

Thanks!

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 May 2013 - 03:26 PM

Hi Jarrod,

 

That code may be incorrect. Where did you get it?

 

The slider cannot be split in half. However, there are graphic solutions to this. 

 

Simply create an image, the full width of your slider. One half has the picture. The other side should be a unique color not found in the picture half.  Make that half transparent using a photo editing program like Photoshop.  If you don't want use image transparency, just leave it white, to match the background of the site.

 

Upload your image as the background, and it should be visible, without that code.



#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 May 2013 - 03:48 PM

To make the text area 50% width, try this:

Please Login or Register to see this Hidden Content

Add the image, as described above, and you'll have 50% image and 50% text.



#4 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 04 May 2013 - 04:33 PM

Rob,

  I tried that code but it didnt fix the issue for some reason but i found the current code in another div.  I will try the graphic selection.  Do you know if the feature section can be adjusted to be vertically larger? 



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 May 2013 - 04:38 PM   Best Answer

Yes, there's a setting, depending on how you're placing the feature set. Go to edit your page. Scroll down to PageLines Meta Settings.  Click the Features tab.  Scroll down and you'll see Feature Section Height and Responsive Control

 

Select "Static Height (Height is always the same)", then, in the field below enter the pixel value (just numbers) for the height.  I use 408, which then becomes 408px in the code. No need to type 'px' in that field. 

 

Save the settings and the height will be the value set.



#6 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 04 May 2013 - 04:50 PM

Excellent!  Before i start making the new slider image.  This is what im trying to accomplish. 

Please Login or Register to see this Hidden Content

Is the Feature the right solution or do you recommend something else? 



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 May 2013 - 04:54 PM

That link shows up as a 404.

 

See what I did in one of my own sites:

Please Login or Register to see this Hidden Content

 

I recommend using www.tinyurl.com to mask domains.



#8 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 04 May 2013 - 05:05 PM

This is what im trying to make happen. 

Attached Files

  • Attached File E9s0.png   125.88KB  5 downloads


#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 May 2013 - 05:20 PM

Definitely need the graphic solution.  I'm not sure you'll be able to set those arrows easily.  You can definitely have the text on the right half.  In my example, I used 30%, not 50%, but it works either way.



#10 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 04 May 2013 - 08:15 PM

Rob, Thanks im on the right track .

Please Login or Register to see this Hidden Content

Just trying to figure out the correct size to make the full background.  It keeps resizing it down.  Thanks for your help.  Much Appreciated!



#11 Danny

Danny

    Is Awesome!

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

Posted 05 May 2013 - 08:11 AM

Is this topic now resolved ?



#12 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 06 May 2013 - 11:43 PM

Danny,

 Yes i think i got it from here.  Thanks







Also tagged with one or more of these keywords: features, css