• 0
Sign in to follow this  
Followers 0

entry-title

Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

24 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Jenny, this is my test page http://www.angeloborra.radiowebjay.com/blog/artisti/ About 'pltitle'... I see it by firebug at this page http://www.pagelines.com/showcase/ ...it's in your base theme CSS at line 2677. Thank you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can accomplish the effect by adding a 1px text shadow, as instructed here: http://www.w3schools.com/cssref/css3_pr_text-shadow.asp You just need to make sure that the text shadow is white. For additional text styling, please refer to the [b]CSS Properties[/b] list on the left side of the tutorial.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi oinegue1960, In order to have it full width across your website, you will need to change your layout, check my image below. http://www.screencast.com/t/SHP4D2yuhUJ 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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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 http://www.angeloborra.radiowebjay.com/blog/artisti/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Try adding this to your site, and tell us if it works.. [code]#page-main .content-pad, #page-main .mcolumn-pad {padding:0px; width:100%;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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): http://www.milanoleathergoods.com/screen-left_view.JPG http://www.milanoleathergoods.com/screen-right_view.JPG

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Replace the CSS Catrina provided with this: [code]#page-main .content-pad, #page-main .mcolumn-pad { width: 98%; }[/code] 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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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: http://www.milanoleathergoods.com/screenprint-full_view.jpg I wonder why the background of the title doesn't do like brandnav.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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 http://www.getfirebug.com (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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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: http://www.pagelines.com/showcase/ http://www.angeloborra.radiowebjay.com/blog/artisti/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@[b]catrina[/b] @[b]gyoery[/b] 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 [b]gyoery[/b] where he says I'll crash on complicated CSS customization)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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: [code] .blog #nav .menu-item-378, .blog #nav .menu-item-379, .blog #nav .menu-item-380, .blog #nav .menu-item-381 {display:none;} /*menu-item-377 is showing*/ .page-id-409 #nav .menu-item-377, .page-id-409 #nav .menu-item-379, .page-id-409 #nav .menu-item-380, .page-id-409 #nav .menu-item-381 {display:none;} /*menu-item-378 is showing*/ .page-id-410 #nav .menu-item-377, .page-id-410 #nav .menu-item-378, .page-id-409 #nav .menu-item-380, .page-id-409 #nav .menu-item-381 {display:none;} /*menu-item-379 is showing*/ ... [/code] 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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@[b]Danny[/b] Yes Danny I'd need some more assistance and I'm grateful for that. I'm trying first the [b]gyoery's[/b] 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? @[b]gyoery[/b] ah...ok. I'll take count of that little miss. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Try the following steps: 1. Create your main menu under Appearence > Menu and assign it to the brandnav Create your "fake menu" with all the links you want to display in the bar under the brandnav and assign it to the Primary Navigation Menu 2. Add the Brandnav section and the Navigation section to the header. Brandnav first. Now you should have almost what you want, just with too many links in the navigation (you only want 1 displayed as "Title of the page") 3. Now hide all those navigation points you don't want to be displayed with the method I stated earlier. You'll have to fill in your page ids and your menu ids instead of mine. That should basically be it. If you get stuck, don't hesitate to ask. (Don't worry about styling and alignment, just get the functionality first.)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks a lot [b]gyoery[/b], it works! Although either brandanv or nav share the same menu contents they seem to keep its own styling properties and that would let me to display different looks for each section. Now I'll work around styling and alignment and where I would get some difficulty I'll open a new thread.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

ur wellcome... though I just realized, you don't really need to have 2 separate menus, if u have the same content in them. But its ok, if u already have it. To explain why it keeps the styling: When you say: ".blog #nav .menu-item-378" you are basically saying: Get me the menu-item-378 which is in the #nav (not #brandnav), which is in the .blog page. This makes sure you can style every element for every page separately.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm getting some styling problem. I need to open a new thread or I can continue this post? Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

open a new one, as this is marked accepted it won't get as many views...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0