This topic has 7 replies, 2 voices, and was last updated 9 years by 
-
-
Not sure if this already exists or can be added as a feature request.
I want to create an experience similar to Sweet Date where upon visiting the site users are greeted with a login/registration form sitting atop a rev-slider. Since this is a community site upon logging in users would be re-directed to their profiles. Using the BP Profile as Homepage plugin I can make the profile the home page for the logged in user.
I’m trying to modify the Get Connected Vertical page and although close I notice that if I attempt to display the top bar status the pages is altered and the top bar isn’t shown. Is it possible to hide the header area along with bread crumbs on a page and only show the top bar? Any chance of someone having a working version of this?
Any responses appreciated.
Can’t really tell if the first paragraph is a question or not. 😉 But if you searched for ‘content by user type’ you would have found the code to show a login button on a slide to logged out users. https://archived.seventhqueen.com/forums/topic/is-there-a-way-to-integrate-login-screen-into-front-page-eliminating-login-page#post-42812 (third code snippet) You can modify that to be a register button or whatever you want. Currently there is not registration form like sweetdate for this purpose.
If you bring up the page in page editor, scroll down to theme general settings. Set top bar to visible, then click on Title tab and disable title, breadcrumb and main info.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
First question was a lead in to me adding this as a feature request.
Although I have the login form displayed on the background photo I tried setting the options for displaying the top menu with no luck. Also deactivated plugins not packaged with theme. LINKI think there is a request for a reg form option for the front page in the feature request forum. If so, you can add your vote to it. If not you can submit a request to be voted on.
Looks like you didnt reset the header to display. The top bar is in the header, so the header display has to be set to true. Then you hide the individual elements as I outlined in my first response.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Ah! Got it! But it’s not what I want :-/
I’m trying to set the background on the top bar to #F1C40F and the background on the header to #333333. To do this I had the header styling background color set to #F1C40F and the following code placed in CSS:
.header-color {
background-color: #333333!important;
}.top-bar {
background-color: #333333;
}
.header-color .top-menu li > a, .header-color #top-social li a {
color: #f1f1f1;
}.header-color .top-menu li > a:hover, .header-color #top-social li a:hover {
color: #f1f1f1;
}This works until I attempt to configure the splash page.
Your css doesnt match what you say you’re trying to do. .header-color isnt working because you need a space before !important.
Are you trying to have a yellow top bar and a 333333 logo and menu area?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
At this point integrating the form / slider option like in SweetDate seems to make sense.
As seen in the attachment visitors should see the splash page which shows the top bar @ #333333. In CSS I have the following added:
.top-bar {
background-color: #333333;
}If I add the code below then both the top bar AND header are changed to #333333 for visitors:
.header-color {
background-color: #333333 !important;
}.top-bar {
background-color: #333333;
}I’ve checked on a few devices thinking there to be a cache issue but there doesn’t appear to be. Am I missing something?
Still not really sure what you are trying to accomplish. But the top bar is within a container called .social-header. If you apply your css to that instead of .top-bar, it will get rid of the yellow on the left and right in capture1.jpg
.kleo-main-header is where the logo and menu are.
.social-header and .kleo-main-header are sections within .header
So its like this
COPY CODE<div id="header" class="header-color"> <div class="social-header header-color"></div> <div class="kleo-main-header header-normal"></div> </div>Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
The forum ‘KLEO’ is closed to new topics and replies.
