September 5, 2017 at 2:30 am #847951
Thank you for your continuing help.
I would like to accomplish a homepage design where I overlap text boxes over the main full width slider.
You have already provided the details of how to accomplish the overlap.
But I’d like to make the main content area behind the boxes all black. But only the homepage main content.
I have tried using the “Color Section”Layout element, but it them prohibits me from overlapping the boxes.
I have tried using a Grid Row also to change the background color, but I cannot control the width of the boxes very well.
Is there a simple CSS code to only change the homepage main content area to black and not affect the other main content areas which I’d like to remain white?
Thank you again!
GailSeptember 5, 2017 at 8:43 pm #848321
Can you please post a screenshot of showing the changes you would like to make and temporary admin logins in private content field? You can upload your screenshots on imgur.com or Dropbox public folder and attach the links here
YigitSeptember 6, 2017 at 9:07 pm #848838
The temporary admin login plugin requires an email address. What email address should I use for you?
It also requires first and last name.
Can you provide the info so I can set it up for you?
Also, I am trying to achieve a homepage design very similar to the site with the link in the private content area.
GailSeptember 7, 2017 at 1:08 pm #849090
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ).
- Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.
YigitSeptember 12, 2017 at 5:43 am #850747
Temporary Login would not work with the email that your provided.
However, I added you as a User as ADMIN and have provided the username and password in the private content area.
Thank you again for your continued help.
GailSeptember 13, 2017 at 6:17 am #851367
Please use the columns then enable the “Custom top and bottom margin” option. Add a negative top margin to pull the columns upwards until it overlaps to the previous slider or section. You can see the same effect in the following demo.
IsmaelSeptember 13, 2017 at 2:44 pm #851594
Thank you Ismael,
I did use the column capability at one point was was unable to create a black background on only the home page.
Is there a way to only specify a black background on the homepage? I tried using the Color Section, but that kept me from pulling the columns upwards to overlap the slider section.
Thank you for your continued help.
GailSeptember 14, 2017 at 8:30 am #851905
Could you please provide a screenshot of the layout or design that you’re trying to create? Use imgur or dropbox. Please note that you can add custom background to the columns
IsmaelSeptember 14, 2017 at 2:47 pm #852057
Thank you Ismael,
I am trying to create a look such as this homepage at the following link: http://www.salk.edu/
Specifically trying to have the columns overlap the full-width slider image.
I understand how to create the boxes in the columns and to give them color and know that I can overlap them over the full-width slide image, but cannot make the background black on just the homepage only. When I use the “Color Section,: I then cannot overlap the columns over the slider image.
I provided a username and password to Yigit to access the admin.
Hopefully you can help.
GailSeptember 15, 2017 at 10:16 am #852446
Apply the black background in the color section, insert the columns inside then apply the negative top margin. Example: (see private field)
IsmaelSeptember 15, 2017 at 2:58 pm #852555
Thank you so much for your help Ismael.
That works perfectly.
However, when I add another promo box under the first in each column ( just like the Salk example: http://www.salk.edu/), I have a large gap between the promo boxes ( see current home page: http://www.filianolab.com/.)
There doesn’t seem to be a way to decrease this space. Is that correct? Or am I wrong?
Thank you again.
Gail.September 16, 2017 at 6:59 am #852817
You must be logged in to reply to this topic.