Docs

[pdopchev]

Hi guys,

I have been trying to center a prompt element but with no luck so far. Could you please take a look at it? http://www.dopchevproductions.com/test/ (bottom of page)

Also had no luck with changing the font in the slider element above the prompt. Have added the following into the custom css:

@import url(https://fonts.googleapis.com/css?family=Handlee);

.homepage {font-family: ‘Handlee’, cursive;}

and the style for the text in the slides is as follows: <h4 style=”color: rgb(241, 215, 31)”> “Best purchase ever! ROMp changed my way of skiing!” – Robert Dull</h4>

But it doesn’t seem to work.

Would appreciate your help!

[Christian]

Hey there,

I don’t see a prompt element in your page. Regarding the custom font, it shows up fine (see attachment). That is not the correct way of adding font in Slider Revolution though. See https://www.themepunch.com/revslider-doc/google-fonts/ for more details.

Thanks.

[pdopchev]

Thanks for the reply and the hint on Google fonts! I did end up changing the layout before I got your answer – apologize for the confusion.

Came to another headbanger – trying to have all the content centered at 1200px with black space on the sides so images and everything else doesn’t stretch more than 1200px. When I enter width:1200px; margin-left:auto; margin-right:auto; it does the trick for each element but the sides are white although background color is set to #000 in Layout and Design section of the customizer…

Is there a way to do that globally as a page template and if not, how would I change the color of the “sides” when I specify width?

Thanks!

[pdopchev]

Quick update – was able to resolve the issue – figured out that boxed layout was an option under Layout and Design section of the customizer.

By the way, wanted to mention that it would be great, if having a different layout on mobile and desktop was a feature of the X! At the moment using the code from the following forum thread: https://community.theme.co/forums/topic/full-width-on-mobile-boxed-on-desktops/

@media (max-width: 979px) {
.site,
.x-navbar.x-navbar-fixed-top.x-container-fluid.max.width {
width: 100%;
}
}

Thanks!

[Nico]

Hi There,

Happy to hear that it is fixed already.

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

[Author]

Posts