Jump to content

Several minor customizations. Properly described and illustrated.

Recommended Posts


Dear PageLines-Community,


I recently bought pagelines and have some questions regarding customization. PageLines customer service advised to contact the forum regarding further questions. I tried, googled and searched this forum but I'm now at a point where I do not make any progress without help  :thumbsu:

Url of Blog: www.victorypug.com


I also attached a scribble of my current layout (left side) and the desired layout (right side). This is important because I will refer to the numbers on the layout.


1. Featured image

I would like to have a featured image (image only, no grey area and no text on the left side of the image as currentyl) of the most recent post with 800px width.


2. New lines

I woudl like to insert some lines of 1000px width at the following positions:

- below navBar

- below text of featured post

- Between each row of tiles of further posts (optional)


3. Preview of Feature

Below the featured most recent post on top, I'd like to have the title and a short teaser (first lines of post) of the post. 


4. Menu items 

The navbar should ideally consist of 4 to 5 selected Blog-Categories, which should be highlighted gray upon hovering with slightly rounded edges.


5. Other items

On the upper right side of the blog I would like to place the search-bar, Social icons and the regular menu items.


6. Optional text

I was also thinking about having a short text (like "Most recent posts") above each row of tiles. But this is really optional.


General specifications:

Total width: 1000px


I'm more than happy to make further clarifications if my descriptions are unclear.


I know that these are 6 issues but I really don't know how to proceed - your help is very much appreciated!  :)

Kind regards



Share this post

Link to post
Share on other sites



1.  Featured Slider can be set up without any text if you don't add any, and without overlay (there are options in feature slider setup). You can set up the slider to pick up slides from a category (Go to Dashboard > PageLines > Page Options > Site Defaults > Features) -- see the settings and options there.  Make sure your post's featured image is the size you want it to be in the slider.  I do not recommend aspect ratio, and don't think expecting the slider to successfully crop or resize is a good idea.  Some browsers don't work with this (like IE). Just make the static height the size you want it, then crop your image in a graphics editor, and set it in the post.


2.  Use the Universal and Full Width Sidebars with text widgets, or the Content Box. I don't think you'll be able to add text between rows of images unless you're using the Grid to create the image boxes.


3.  Your features have this built right in, but in No. 1, you wanted this gone.  If you want the title/description for the slide, you can add it via the slide, then using CSS, position the overlay below the image if you've set your images correctly.  You can change the overlay color and transparency, text color, shadow, etc. using CSS.  Feature descriptions pick up the unique excerpt in the post, not the first few lines of the post. For SEO purposes, you really should use the Excerpt field in all your posts.


4.  You can have the menu pick up pages automatically, but not categories. You can easily manage adding categories directly from Dashboard > Appearance > Menus. It's only a few seconds work. Highlighting is done on action or hover, but curved corners are a CSS styling process you have to do.


5. If, after all the options you required in 1, you have either full-width or universal sidebars available, add them to the Header in Drag & Drop, over the Branding. Go to Dashboard > Appearance > Widgets and add the search field. You can position it to the right using CSS. Social Icons can be added using a hook. The menu will remain below it.


6. Do this using the Grid system.


Set your width via Dashboard > PageLines > Site Options > Layout Editor.


I strongly urge you to read our documentation at http://support.pagelines.me/docs


You will find some great information there.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Hi Rob,

thanks for the swift reply. I do understand to some extent, but some of your comments are not specific enough for me to use.


I managed to resize the feature slider to 800px and add a line below the nav.


For today I'm exhausted but would be satisfied if I can reposition the 

- post title

- excerpt/preview 

below the feature slider.


How would the CSS look like for that one? I identified those areas to be "ftext" and "fheading" but how do I reposition them?


I will dig into the material in docs - looks great.


Thanks again!

Share this post

Link to post
Share on other sites

If you have Firebug for Firefox you'll be able to find the element where the title and description and overlay are contained.  You'll have to adjust the margin-top by a number of pixels (I don't know what value) so that it moves below the slide itself.


Make sure you use Text on Bottom. That will align your title and description side by side, rather than stacked as it s now.


Then, using Firebug, you can find the correct element and modify the margin-top so that it moves below the height of the slide's background.  You'll also need to adjust the height of the slide to more than the height of the backgound.


In plain speak, if the image is 300px high, you'll need to set the height of the slide to 400 (to accommodate the positioning of the title and description stacked under the background).

Former PageLines Moderator, Food Expert and Raconteur

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

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.

    • PierreFF
      By PierreFF+
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
    • nizami
      By nizami+
      I have a problem at http://kambo.world. Using navbar for the main site navigation. It works fine in normal/desktop mode [first screenshot], using the WP Menu I have specified. But in hamburger mode it seems to do its own thing, picking a few pages at random [second screenshot] A fix for this greatly appreciated!