Return to previous page

Editing space between menu and slider - by A

This topic has 14 replies, 2 voices, and was last updated 10 years, 2 months ago ago by Eva Kemp

A

Participant

August 14, 2014 at 18:05

I want to edit the space between the menu and slider, similar to this legenda template: https://www.8theme.com/demo/legenda/

How do I do it?

Thanks!

#12567 Copied

13 Answers

Eva Kemp

Support staff

August 14, 2014 at 19:14

Hello,

Please provide us with your site URL and wp-admin panel credentials in Private Content.
Thank you.

Regards,
Eva Kemp.

#12579 Copied

A

Participant

August 14, 2014 at 19:19

Please see below:

Please, contact administrator
for this information.

#12584 Copied

A

Participant

August 14, 2014 at 19:52

Also, I want to emulate the buttons on the slider of the legenda template. Is there a file I can work from? Or specific code I need to use?

#12586 Copied

A

Participant

August 14, 2014 at 19:54

Or could I import the demo slider and repurpose it to better fit my needs? Where would I find the demo slider?

#12587 Copied
Eva Kemp

Support staff

August 14, 2014 at 21:00
Hello,

You can import demo slider following the instructions described in our documentation: https://www.8theme.com/demo/docs/legenda/index.html#!/slideshow
Try to add this code into custom.css file:
```
.bc-type-variant2 {
   margin-top: 20px;
}
```
Please confirm if these changes are the ones you needed.
How to create custom.css you can find here.
Thank you.

Regards,
Eva Kemp.
#12591 Copied
A

Participant

August 14, 2014 at 21:13

Hi Eva,

I was actually looking for how you added the text to the area between the slider and header, ie. “Do you have questions? Call ___”

Also, I have already installed the revolution slider plugin. I was just wondering if there was a way to upload the demo slider to my site so that I can work from it and mimic its appearance easier.

Thanks for your help!

#12593 Copied

A

Participant

August 14, 2014 at 21:24

Never mind about the slider thing, I found what you were talking about!

#12596 Copied
Eva Kemp

Support staff

August 14, 2014 at 21:24
Sorry for misunderstanding.
To add the text between the menu and slider you can add this code into text editor of your Home page in admin panel > Pages:
```
<div class="custom-info-wrap">
<div class="custom-info-block a-left"><a href="#">Do You Have Any Question? <span>Contact Us</span></a></div>
<div class="custom-info-block a-center"><a href="#">Get 15% Off When You Spend Over $100</a></div>
<div class="custom-info-block a-right"><a href="#">Free Shipping! <span>All Orders Over $199</span></a></div>
</div>
```
Or use Visual Composer element – Text block, click “Text” tab instead of “Visual” and insert the code provided above. Don’t forget to save.

Regards,
Eva Kemp.
#12597 Copied
A

Participant

August 14, 2014 at 21:36

Ok that worked to put the text on the page, but its not appearing in the right spot. I was hoping to put it in the grey space between the menu and slider. If that isnt possible, is there a way to remove that gap so that the “custom-info-wrap” falls directly under the menu?

Again, thanks for the help!

#12601 Copied

A

Participant

August 14, 2014 at 21:43

Never mind again! I figured it out 🙂

Thanks!

#12606 Copied

Eva Kemp

Support staff

August 14, 2014 at 21:45

We’re glad you were able to fix it.
Enjoy your work!

Regards,
Eva Kemp.

#12608 Copied

A

Participant

September 25, 2014 at 16:23

Just had one more question about this. It doesnt seem to be responding properly on smaller screens, the text is falling to one letter per line instead of spanning into words. How do I change this?

#17012 Copied
Eva Kemp

Support staff

September 25, 2014 at 21:11
Hello,

The problem is in the code below you added into custom.css file:
```
.custom-info-block a {
  color: #ff0000;
  line-height: 26px;
  text-decoration: none;
  font-size: 10px !important;
}
.custom-info-block {
  float: left;
  width: 33.33%;
  padding: 12px 46px;
  border-top: 1px solid #dbdbdb;
  text-transform: uppercase;
  color: #ff0000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
```
Remove or comment this code and check the site again.

Regards,
Eva Kemp.
#17059 Copied
Viewing 14 results - 1 through 14 (of 14 total)