Jump to content


Photo
- - - - -

entry-title


  • Please log in to reply
24 replies to this topic

#1 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 03 April 2012 - 01:02 PM

I'd like to create pagetitles similarly to pagelines/showcase. (centered title with embossed grey background below brandnav) By firebug I see 'pltitle' but it doesn't exist in my CSS. (it's a customization I presume) What's the corrispondent item to workaround in my CSS? Thanks.

#2 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 03 April 2012 - 06:32 PM

Where are you seeing the pltitle at? I took a look at the page you linked but don't see it referenced. If you can provide a link to an example page, as well as the text you want changed, then we can help point you in the right direction with the CSS selectors.

#3 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 03 April 2012 - 06:59 PM

Hi Jenny, this is my test page

Please Login or Register to see this Hidden Content

About 'pltitle'... I see it by firebug at this page

Please Login or Register to see this Hidden Content

...it's in your base theme CSS at line 2677. Thank you.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 April 2012 - 02:27 AM

You can accomplish the effect by adding a 1px text shadow, as instructed here:

Please Login or Register to see this Hidden Content



You just need to make sure that the text shadow is white. For additional text styling, please refer to the CSS Properties list on the left side of the tutorial.

#5 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 04 April 2012 - 12:07 PM

Thanks Catrina. Your suggestion works but it doesn't solve the problem of background as I'd like it full width and higher like the brandnav. Can you help me about that? Thank you.

#6 Danny

Danny

    Is Awesome!

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

Posted 04 April 2012 - 12:17 PM

Hi oinegue1960, In order to have it full width across your website, you will need to change your layout, check my image below.

Please Login or Register to see this Hidden Content

Once you have set the setting above, check your site again and see if the section has gone full width. If it hasn't reply here and we can assist you further.

#7 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 04 April 2012 - 01:28 PM

Hi Danny, I set the color layout or default layout to full width (1340px)) but the section will still keep some margin. Please check it at this url

Please Login or Register to see this Hidden Content



#8 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 04 April 2012 - 03:12 PM

Try adding this to your site, and tell us if it works..

Please Login or Register to see this Hidden Content



#9 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 04 April 2012 - 04:36 PM

The screen results horizontally scrolling either by FFox or by Chrome. Although the layout is full width both sides still seem to keep some margin. Here's both sides view screen print (FFox):

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#10 Rob

Rob

    One Smart Egg

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

Posted 04 April 2012 - 09:17 PM

Replace the CSS Catrina provided with this:

Please Login or Register to see this Hidden Content

This eliminates the overlap past the width of the screen, and lets your site go almost 100%, with no horizontal slide.

Add that code to Custom Code in CSS Rules.

#11 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 04 April 2012 - 09:39 PM

Now it doesn't scroll anymore. That's ok as we have a balanced full width layout again. Unfortunately it still keep both sides margins. Please look at this screenprint:

Please Login or Register to see this Hidden Content

I wonder why the background of the title doesn't do like brandnav.

#12 Rob

Rob

    One Smart Egg

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

Posted 04 April 2012 - 10:12 PM

First, you should consider that different browsers will view the full width differently and may cause your site to look odd in some browsers or on some devices. Second, if you have

Please Login or Register to see this Hidden Content

(an add-on for Firefox), you can find the padding, margins and other elements, and test them to suit your needs. Once you find the right combination, you can copy and paste the CSS code to your CSS Rules.

#13 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 05 April 2012 - 01:48 AM

I'm using firebug to run several test but I guess I'm not on the right way as after setting the entry title background I will activate the left sidebar and the title and the whole content area will result reduced. I'd like to have a full width colored bar after brandnav and before the content area where to display the center title page. Please look at this comparison and you'll get what I mean:

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#14 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 April 2012 - 02:21 AM

The page title is a part of the content area, which is why it is a bit difficult to get it to behave the way the "Showcase" bar does on the PageLines site. That page title would need to be part of the header in order to positioned the way you'd like. You can probably disable the page titles on the pages and use a hook including code that incorporates the page title.

#15 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 08:11 AM

I know that this isn't the best solution, but what is your oppinion on adding a Navigation Section under the Brandnav, and making it behave like the showcase bar? I know that the Header is a Global, but there are certain css ways to hide all other menu points showing only the showcase on this page, and Blog on the next. It's just an idea for a workaround, though maybe some1 has a better...

#16 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 05 April 2012 - 10:25 AM

@catrina @gyoery
I thank you both as your solutions make sense to me.
I'm not a coder at all (that's why I'm proud customer of Pagelines) but I'll try to do my best to test both solutions.
I never did an 'hook', though I read either Pagelines' documentation or Danny's post with 'ready to use' codes, so I guess it would result harder to me.
If I'm not wrong it could be a bit easier to add a Nav section under the Brandnav as it could not need 'hooks'. (though I agree gyoery where he says I'll crash on complicated CSS customization)

#17 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 11:05 AM

It is not that complicated. It's just a little bit cumbersome, since you have to create a "Menu" with all your Pages, and then hiding all other menupoints manually for each page. Depending on how many pages you have, it can be a bit long. In general it would look like this:

Please Login or Register to see this Hidden Content

As I said, it is not complicated, just requires (depending on the number of pages) alot of css, and is not dynamic, when new pages are added. Doing it with a hook is definately the nicer but probably more complex way.

#18 Danny

Danny

    Is Awesome!

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

Posted 05 April 2012 - 11:36 AM

@oinegue1960 Does it look the way you want it too now or do you require further assistance ?

#19 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 11:58 AM

In the code, I missed to change 2x 409 to 410... just so u dont get confused by it...

#20 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 05 April 2012 - 12:17 PM

@Danny
Yes Danny I'd need some more assistance and I'm grateful for that.
I'm trying first the gyoery's solution but I'm getting a problem as a good way could be to use the 'secondary nav' under the brandnav, but the secondary nav only uses the 'child page' menu. (I would need to assign 'mother pages')
Alternatively i could use the 'simple nav' section (which refers to 'mother pages') but it can be only used in footer section by default.(Iwould need to use it in 'header section')
How to customize such options?
@gyoery
ah...ok. I'll take count of that little miss. :)