Search Results for 'section background'

Free and Premium WordPress Plugins & Themes Forums Search Search Results for 'section background'

Viewing 15 results - 1 through 15 (of 28 total)
  • Author
    Search Results
  • #1088466
    Andre Flores
    Moderator

    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
    Participant

    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
    Participant

    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?

    #968986
    Andre Flores
    Moderator

    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
    Moderator

    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

    #707558
    Joe
    Participant

    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.
    Booking Page

    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

    #706324
    J. Davis
    Keymaster

    Hi Sarah,

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

    best regards,
    John

    #691081
    J. Davis
    Keymaster

    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

    #678502
    J. Davis
    Keymaster

    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

    #583358
    J. Davis
    Keymaster

    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
    Participant

    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?

    #539738
    J. Davis
    Keymaster

    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

    J. Davis
    Keymaster

    Hi Damon,

    You can apply the styles below to Child Theme style.css file or Appearance>Customize>Additional CSS:

    /*First Feature Section*/
    .welcome-section{
    background:#808080;
    }
    
    /*Second Feature Section*/
    .third-section{
    background:#5F9EA0;
    }
    
    /*Footer Copyright BG*/
    .footer-inner{
    background:#F0E68C;
    }

    Best regards,
    John

    #509794
    J. Davis
    Keymaster

    Hello Hugo,

    Yes, you can simply find the class of the section and set

    background-image:url(path to the image);

    CSS attribute. For example to set background image for Call To Action section you need to add the following style (you should edit path for your image):

    .install-section{
    background-image:url(wp-content/uploads/image.jpg);
    background-attachment:fixed;
    }

    Best regards,
    John

    #506650
    Hugo
    Guest

    Hi,

    how can I set a different background image for each section, keeping the parallax effect?

Viewing 15 results - 1 through 15 (of 28 total)