Search Results for 'section background'

[Alberto]

+1 to “Pavel Lukáš” for opening this thread.
I am interested too.

I add what should be done:

# Booking section should be sortable by date of arrival [now it is by the day in which was created the booking]

# Calendar section should :
1)
– if one has only one propriety, show directly that one
– if one has multiple proprieties, show a drop down menu to select the one.
2) after step 1, background calendar dates should be coloured as in the fronend calendar (green/red/etc), also maintaining the style of the color, I mean with diagonal 50% colours (like two triangles rectangle) in the dates of checkin/checkout, that is the only right way to make it immediately comprehensible.

If other users are interested too, remember to write “+1” or similar (are the function “vote-up” is missing in this forum).

This backend App UX is 10 times better than any frontend site theme,
one can perceive it immediately.
I saw the project of this App in github is not dead but actually not so much upgraded. I think this is the right way. Particularly for settings bookings rules and stuff more similar to like eg: the majestic Airbnb backend calendar.

For readers: If you are interested too for this to grow, remember to write “+1” or similar (are the function “vote-up” is missing in this forum)

[J. Davis]

Hi Oscar,

Thanks for your question. You need to select a Section block > Click Style and then click on slideshow background type. Please check this screenshot https://prnt.sc/F-nIYvVk6–d

best regards,
J. Davis

[Andre Flores]

Hello Felizia,

You may change that logo by highlighting the section in Getwid and replacing the background image in the Style tab as described in the following screenshot: https://prnt.sc/1w8in1f.

Regards,
Andre

[Andre Flores]

Hello Bradley,

The styling of Testimonials section can be edited via custom CSS only. It is recommended to add a custom CSS class to the widget via Elementor first: https://prnt.sc/10jkfzn. After that feel free to apply custom CSS styles to the desired elements, e.g.:

.testimonials-widget {
	color: green;
}
.testimonials-widget .rating .star {
	color: green;
}
.testimonials-widget .more-link {
	background: green;
	color: #000;
}
.testimonials-widget .more-link:hover {
	color: #fff;
}
.testimonials-widget .hentry:not(.page) .entry-header h2 a {
	color: #000;
}
.testimonials-widget .hentry:not(.page) .entry-header h2 a:hover {
	color: green;
}

Above is an example of CSS with the .testimonials-widget custom CSS class added to the Elementor widget.

Regards,
Andre

[Ushir Shah]

Good day,

1) I need to edit the background colour of the text field for the search form. What code would I need to put into the system for css?

Could not find the element name.

2) With regards to the Calendar style
Are there any better styles to choose from for your plugin?
The availability calendar is grey and doesn’t look great.

Thank you.

[Oliver Sippel]

Since latest Elementor-Update to 3.x the Hotel Booking Plugin crashes my Frontpage Layout. Background Slider aren’t working anymore, same for the Stretch Section function. And the Anywhere Elementor Templates (a separate Plugin) aren’t working either. Has anyone experience with this issue?

[Andre Flores]

Hello, Ruxandra!

The original Booklium Homepage slider images dimensions are 1920×650 pixels. You may also try adding the following CSS code under Appearance ->Customize ->Additional CSS:

@media (max-width: 991px) {
.wp-block-getwid-section__background-slider-item img {
	object-fit: contain;
}

This should make the image displayed better on mobile devices. If the issue persists, feel free to submit a request to our Help Desk, providing your website URL and temporary access to your Dashboard.

Regards,
Andre

[Andre Flores]

Hello, Mark!

You may add the following code under Appearance ->Customize ->Additional CSS:

.mphb-reserve-room-section .mphb-rooms-quantity-wrapper select {
	background-position: right 0.5rem top 1.35rem;
}

This is how it will look like: https://prnt.sc/t1vk15. Feel free to alter 0.5rem and 1.35rem values to move the arrow.

Regards,
Andre

[Joe]

Hi John,

Sorry for my delayed reply.

Yes, I was referring to the checkout page.

Not being very great at styling/coding and/or terminology, I would have to describe it like this…

The layout being only one column means it displays poorly on PC and is very long on a mobile device… I could not zoom out enough on my PC to fit the complete form in 1 screenshot.

Combine that with what visually appears to be a triple line spacing to every line content, makes the form even longer still on mobile… and makes for a very open, empty & blank look and feel on PC.
http://pandanusmissionbeach.com/wp-content/uploads/Booking-page02.png

Also, the email content field box is smaller than every other field box making it look odd and difficult to view long email addresses.
http://pandanusmissionbeach.com/wp-content/uploads/Booking-page03.png

Over all, am just looking for a clean, tight and compact form.
The capacity to change the background colour from a blue to mintcream would be nice.

Looking back at the Calendar Legend request… I am just wanting to display directly under the calendars, the 2 coloured squares and text – “Available” & “Unavailable”… so clients can tell what ‘pink’ means and what ‘green’ means… like is displayed in the admin section booking calendar.

Thank you
Joe

[J. Davis]

Hi Sarah,

Could you specify the section where you want to edit height of background image? Screenshots is appreciated. Thank you.

best regards,
John

[J. Davis]

Hi Tim,

Thank you for reporting this. In order to add needed attribute that indicates that video is muted you should follow the steps below:
– navigate to /wp-content/themes/emmet/sections
– open big_title.php file with file editor
– find the following line <video id="video_background" preload="none" loop="loop"
– replace that line with one below
<video id="video_background" muted="true" preload="none" loop="loop"
– save changes, clear the cache and try to view your site again.

In case you want to save this change from theme update you can follow these easy steps:
– install Child Theme (note you might need to re-configure some sections of the Front Page after activating Child Theme)
– copy /wp-content/themes/emmet/custom-page.php file
– paste it to /wp-content/themes/emmet-child/ folder
– open this file in text editor, find ‘big_title.php’ text in this file and edit it into e.g. ‘my_big_title.php’ and save the changes.
– after that navigate to /wp-content/themes/emmet/sections/ folder and rename the file big_title.php into my_big_title.php or the name you edited it within custom-page.php file

However we’ll do our best to add this change in one of the next theme updates. Thank you.

best regards,
John

[J. Davis]

Hi,

The images in First Feature Section, Second Feature Section and Features Blocks Section are added as background images. So if you add style to show them they will look like weird bg images on mobile devices and tablets.

Feel free to add third party widgets to widget areas on the Front Page if you miss some functionality.

best regards,
John

[J. Davis]

Hi Henrie,

In order to modify background color of entire site you can add the style below to Appearance>Customize>Additional CSS (or style.css if you use Child theme):

.site-header{
background:#808080;
}

.wrapper{
background:#808080;
} 

As for front page so you need to edit background of each section individually. You can ask me here you search for similar topics

Best regards,
John

[Chris Finken]

I get a light outline with the accent color around my images in the Features section of my site. How can I remove the accent color outline for that section? If I change the accent color in the general area it impacts everything BUT also fixes my Features issue so I know it’s the accent color choice that seems to be causing it? Can I disable accent colors for a section only?

[J. Davis]

Hi Damon,

You can try to add the style below to Appearance>Customize>Additional CSS or to style.css file of your Child Theme:

.lastnews-section.grey-section {
    background:#ffffff;
}

Best regards,
John