Editing the sermons page layout

  • Hi, may I know how to edit the layout of the sermons page? What I mean is the “your-domain-name.com/sermons” page. I would like to add a fullwidth header to the page because my menu background is transparent. I would like to make something like this:

    https://puu.sh/IwQfU/e32062bb0a.jpg

    As you can see, she has a header with a dark blue background. I just have the default page template. I would like to edit it. Do I need to edit my theme files or something?

Viewing 4 replies - 1 through 4 (of 4 total)

  • The best way to edit your theme is to create a child theme and add this to your child theme’s style.css file:

    /*
* Adds Background Color to Header and Nav for Sermon Manager Plugin
********************************************************************/
.post-type-archive-wpfc_sermon #main-header,
.post-type-archive-wpfc_sermon #main-header .nav li ul,
.post-type-archive-wpfc_sermon .et-search-form,
.post-type-archive-wpfc_sermon #main-header .et_mobile_menu,
.single-wpfc_sermon #main-header,
.single-wpfc_sermon #main-header .nav li ul,
.single-wpfc_sermon .et-search-form,
.single-wpfc_sermon #main-header .et_mobile_menu {background-color: rgba(107,164,218,0.94);}

    You can also add the CSS to your theme by going to ‘Customize > Additional CSS’. Not 100% sure if there is a theme update, it may wipe out that field. That’s why I always use a child theme.

    Anyway, that should take care of it.

    Thread Starter heiitscara

    (@heiitscara)

    Hi Mike,

    Thanks. I did what you told me to do, however, the page appearance did not change.
    Here is a screenshot https://puu.sh/IxDBW/7f13400749.png
    (Please don’t mind that you can’t see my menu, i wanted it to be transparent as it was going to be over a video background. Unless, you could help me with changing the colour of the menu for THAT page ONLY. That would be a great help.)

    Looks like you’ve created your child theme, but I don’t see the CSS I asked you to place in your child’s style.css.

    Thread Starter heiitscara

    (@heiitscara)

    Hi Mike,

    Woops. My bad…
    Anyway, it works! But… its only when I manually enter it in ‘Customize > Additional CSS’.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Editing the sermons page layout’ is closed to new replies.