Project

General

Profile

Actions

Support #18561

open

Bravada

Added by Marilyn Weber 9 months ago. Updated 9 months ago.

Status:
New
Priority name:
Normal
Assignee:
Category name:
-
Target version:
-
Start date:
2023-08-07
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

Juwon Jun asks:

I am in the process of building a new site and wanted to ask for your advice on choosing a theme. Our team was interested in this particular website (https://hindi.la.utexas.edu) and want to emulate the look of it. The closest theme I could find was Bravada, but once you navigate to a sample page, the content appears at the bottom of the header. However, the Hindi at UT Austin website appears to have the content appear at the top, replacing the header video and landing page text. Is this possible to code in Bravada, or another theme?

Actions #1

Updated by Boone Gorges 9 months ago

  • Assignee set to scott voth

Scott, I'm wondering if you have thoughts about what's possible with the themes we have available on the Commons.

Actions #2

Updated by Marilyn Weber 9 months ago

I had replied: It is better if you use an already existing theme. Please tell us more about what you like about Bravada. Thanks!"

Juwon specified: "I'm leaning toward Bravada, as I prefer the background image being full screen and immersive. I'd like to emulate this website (https://hindi.la.utexas.edu) for how the content sits at the center of the background/header (for example, click Resources). Is this possible with Bravada, or any other theme?"

Actions #3

Updated by scott voth 9 months ago

I didn't see what she wants to do on any of the themes I looked at (including Bravada) - but I did see this plugin - https://wordpress.org/plugins/advanced-backgrounds/ What do you think about installing it?

Actions #4

Updated by Raymond Hoh 9 months ago

The "Twenty Twenty" theme has background image support in the WP Customizer, but doesn't have an option to change the navigation and background color to transparent.

However, we can force the Twenty Twenty theme to use transparent colors by adding the following CSS under the "Appearance > Simple CSS" admin page:

#site-header,
.singular .entry-header {
    background: transparent;
}

Ask Juwon if that helps to emulate the Hindi site.

Actions #5

Updated by Raymond Hoh 9 months ago

As for the centered content, first ensure that you're using the Block Editor, then write your content as usual and lastly, group all the blocks you just wrote. See https://wordpress.org/documentation/article/group-block/#converting-multiple-blocks-to-a-group-block for a tutorial on how to group blocks.

To emulate the centered content, you'll want to change the alignment of your Group block to Wide width . You can then change the background color of your Group block in the sidebar panel to emulate the Hindi Resources page. Some more info about this can be found here: https://wordpress.org/documentation/article/colors-settings-overview/ .

Actions

Also available in: Atom PDF