Home Forums Weaver Xtreme Theme Weaver Xtreme Theme & Plus: expand area with space on left and right

Topic Resolution: Resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Nele 1 week, 4 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #51820

    Nele
    Participant

    When using the class „wvrx-expand-full“ for images so that they are always as wide as the screen:

    Is it in principle possible to have a space right and left (about 20px), (independently of the width of the screen)?
    And is it also possible to put this space to a header image which is within a header expand area?

    The images shall look like a rectangle with white space around it, while their width goes with the width of the screen.
    I cannot find a hint for this.

    #51821

    Weaver
    Keymaster

    Try this Custom CSS rule:

    #wp-custom-header {padding-left: 20px; padding-right: 20px; background-color: white;}

    This works with the Expand Area option “Header Image Expand”, and likely other Expand options that include the header image.

    You could also create a custom class (e.g., pad-image) with the padding/bg color to add to individual images along with the wvrx-expand-full class.

    #51822

    Nele
    Participant

    Yes, this works – thank you so much @weaver!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.