Small design adjustments

[bablingua]

I’m trying to get my site ready and I’d appreciate your help with three small design issues:

1. How do you recommend I create a front-end custom login page? And how can I add a symbol to the top menu?

2. Is there a way to round the corners of the border of a section, as I can do with rows?

3. Is it possible to change the number of images displayed by the classic slider at the same time? I’d like to load 4 images at a time, like dividing the slider in 4 columns.

I understand this is a classic element and that kind of customisation might not be possible. If that was the case, what do you recommend I use instead? I don’t want to use Slider Revolution for such a simple slider, it’s just four images one beside the other with the option of sliding them to load more.

Thanks!

[friech]

Hi Alvaro,

Thank you for writing in, 1) you can use the White Label extension to customize your login page.

2). Sections are span to the full width of the screen, so applying border-radius seems do not make sense. But if for some design reason and you really need a border-radius on the section, please utilize the Section’s Element CSS feature, and apply a border-radius CSS property on it.

e.g.

$el {
border-radius: 20px;
}

3). Unfortunately, the Classic Slider does not have a feature like that, what you’re looking for is an Image Carousel plugin. Slider Revolution has a carousel feature, so you might want to reconsider it.

https://www.themepunch.com/slider-revolution/carousel-settings/

Cheers!

[bablingua]

Thank you so much! One additional little design question: how can I change the color of the bar of a selected tab? It’s black by default, and I don’t seem to be able to customise it.

[bablingua]

Another thing: I’ve got some payes displaying automatically the title of that page. How can adjust the space between the letters of the page title?

[christian]

Hey Alvaro,

So we can give you a specific answer, please provide the URL of the page where your tab is and also the page with title.

Thanks.

[bablingua]

Thank you so much Christian. This is an example: https://bablingua.com/recursos/nivel-inicial/conversacion-basica/digame_el_tiempo_libre/

1. I’d like the line of the selected tab to be of a different color for my whole site, as you can see it’s black by default.

2. I’d like to have more separation between characters and words in the page title (in the website of the link: ¿Dígame? El tiempo libre)

[ruenel]

Hello Alvaro,

Thank you for the clarification.

1.) Please edit your page and in your Tab element settings, find the “Individuals Tab > Border” and set the border color.

2.) The character spacing of the page title were built into the styling of the site. By default, it is using this CSS code:

.h-landmark, .entry-title.h-landmark {
    letter-spacing: -0.075em;
}

Feel free to use the code above and then set the letter spacing to 0. To learn more about the letter spacing CSS property, please check this out:

• https://www.w3schools.com/cssref/pr_text_letter-spacing.asp

Best Regards.

[bablingua]

Awesome. Thank you so much!!

[christian]

You’re welcome.