[kejpa]

Hi,
On my front page of my site I’d like to have a widget area to the right of the featured slider and featured content.
And I dont want any other content on the front page, if it’s possible.

Thanks in advance!

[Mahesh]

@kejpa: Just displaying Featured Slider and Featured Content in the front page can be done simply with Custom CSS. But the widget area on the right of the Featured Slider and Featured Content is kinda tricky. You’ll need to create a child theme for this then customize further. I recommend you to hire a customizer.

Regards,
Mahesh

[kejpa]

Hi,
Custom CSS, but how? The classes and ids are the same on the front page as they are on the other pages. Once I hide them with something like
site-content { display:none;}
all site content are hidden

I’ve managed to add a custom widget area, and I’ve set its properties in my style.css in the child theme I’ve made. The tricky part for me to figure out is how to put it in the “featured-content”-section.

I also need to adjust all widths of “featured-post” and “featured-content” depending on screen width, right?

Thanks!
/Kjell

[Mahesh]

@kejpa: Please post in your site url.

Regards,
Mahesh

[kejpa]

Very early working copy is now online at http://www.kejpa.com/asf
Send me your mailaddress and I’ll add you as admin.

thanks in advance!
/Kjell

[Mahesh]

@kejpa: Ya sure. mahesh [at] catchthemes [dot] com.
Please use the above address.

Regards,
Mahesh

[kejpa]

@mahesh, did you get the activation link?

And what about hiding the page content through CSS, for all I can see there’s no special class or id for the content of the front page. Or am I missing out on something?

Best regards
/Kjell

[Mahesh]

@kejpa: No, I haven’t go the activation link. And by page content, do you mean to hide content in the front page. This would be easy if I could check the site. Hope you understand.

Regards,
Mahesh

[kejpa]

Hi,
Sorry! Of course I should have used the thread here…

Well, you’re added and I’m really thankful for your input.

Best regards
/Kjell

[Mahesh]

@kejpa: Thanks. I checked your site, but I’m confused in what actually you want to do here? Do you want to hide the content?
Let me know further.

Regards,
Mahesh

[kejpa]

Hi,
I had set a statis home page because I thought that I that way could have a clean frontpage with just the featured content. But I never finished that try. I have now reset the latest posts as front page content and I want to get rid of it all.

Then there’s the quest of getting a widget to the right of the featured boxes, but width of the boxes are set in the style.css-file, right?

/Kjell

[Mahesh]

@kejpa: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#featured-content {
    float: right;
    width: 80%;
    border-bottom: none;
  }
  
#frontpage-left-widget-area {
    float: left;
    width: 20%;
  }
  
#content {
    clear: both;
    border-top: 1px solid rgb(238, 238, 238)
  }
  
#featured-content.layout-three .hentry {
    width: 33.33%;
}

Regards,
Mahesh

[kejpa]

Great!
I thought I’d have to do a lot more CSS-coding!

I guess hiding the content is just as easy.
I’ve changed back to a static page as frontpage, and I’ve set “no sidebars” and I thought that if I have no content in the static page I’d get at clean frontpage with just the featured content boxes and frontpage sidebar.
But the title of the page is still there. If I try

.entry-title {
	display: none;
}

the name of the featured content pages are hid aswell 🙁
I’ve tried to

.page.entry-container.entry-header {
	display:none;
}

but it won’t work.

/Kjell

[Mahesh]

@kejpa: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.home #content {
    display : none;
}

Note: This will hide content from the homepage.

Regards,
Mahesh

[kejpa]

Hey!
Thanks a lot!

Now the front page is as I like it and I will continue to work with the separate pages and posts.

Many thanks!
/Kjell

[Mahesh]

@kejpa: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts