This topic has 24 replies, 2 voices, and was last updated 11 years by 
-
-
Hi, if you look at these two pages from your site example, you’ll notice that the content is aligned nice and tight near there header.
http://seventhqueen.com/demo/sweetdatewp/?s=Lorem
http://seventhqueen.com/demo/sweetdatewp/members/In the second page, notice how the search bar is just below the header and how it is spaced out so nice and evenly?
Now, when I tried to reproduce these, I first looked in the Pages but apparantly they are all hard coded. I then attempted to create a new page on my site strictly using your shortcodes. You’ll notice how when I did this, there is a ton of white space below the header and the search is misaligned and fields are not spaced evenly.
http://whateverlife.com/?page_id=886&preview=true
How would you advise an advanced user of WordPress who is NOT A CODER to reproduce your nice design elements without hiring someone?
Thanks!
Hi,
Those should look exactly the same way in your install. I can’t see the link from your site since I am not logged in. You can send credentials at themesupport@seventhqueen.comYou can import the included demo content if you want the same pages as in our demo
The search bar is configurable from Sweetdate -> Buddypress
No coding required until nowCheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi, In our demo the horizontal form appers on the members page and in your members page it looks exactly the same: http://whateverlife.com/members
You don’t want to use the regular search form in your home and you want to use the horizontal one?Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLet me know what you want to achieve so I can guide you trough
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionI saw your email now. So I removed the horizontal search form shortcode from the home page and you need to add it to show before the main and sidebar content to look nicely.
So please copy your header.php file from sweetdate theme to sweetdate-child theme and add this line at the very end of the file:
http://d.pr/n/UG8xHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOK, i did that and now it just shows the code you gave me in the content area of the home page:
I edited the above post. WordPress added some extra spaces to the code. Try again please.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThanks! That worked. Now how do I eliminate the huge gap between the search row and the page content?
Add this to WP admin -> Sweetdate -> Styling options -> Quick css box:
COPY CODE#main {padding-top:20px}Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThanks! That helped -but now the left column is still a lot lower than the right column. ??
Hi, another question concerning this.
<?php if (is_front_page()) { do_action(‘kleo_search_form_horizontal’); } ?>What do I have to do to put a box around the above form? Or set it to show a button? Change the background color or the color of the fields? Thanks!
Hi,
The left column is not lower. Check all the other pages. You probably added a break or paragraph in you content at the beginning.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
To show the button, you have a checkbox for that in Sweetdate -> Buddypress in the horizontal form options.
To put a border, change the bg and colors you need to add css in the Sweetdate -> Styling options -> Quick cssCOPY CODE#search-bar {border: 1px solid #ccc; background: #0296C0}Field color:
COPY CODE#search-bar form.custom div.custom.dropdown a.current { background-color: #FFFFFF; color: #141414; } #search-bar form.custom div.custom.dropdown ul li.selected { background: #CDEBF5; color: #000000; }Play with the colors as you like
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLike I said, the left column is lower just on home page because you added some breaks to that page. All other pages are good.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionActually, the column code starts like this:
<center>
</center>So there are no breaks. This is inheriting the base CSS. Thoughts?
Crap…one more time (A tag broken intentionally):
<center> a href=”http://whateverlife.com/wp-content/uploads/2013/09/whateverLife-Home-clean3.png”>
When I replied to you I entered into your admin and remove the extra break that I was telling you about. I don’t really see where the problem is. They are both aligned on the same visual line.
You should notice that your image has a white border. Please read carefully our comments.Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAh so, thank you! Also one other issue. I set the member search form controls check box to selected for displaying a search button. http://whateverlife.com/wp-admin/admin.php?page=sweetdate_options&tab=4&settings-updated=true
However, on the home page, the search form does not display a search button. Thoughts?
Add it with the true parameter like this to show the button(on the members page it takes in consideration the button setting):
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The topic ‘SweetDate alignments in sample pages cannot be reproduced’ is closed to new replies.
