1) Is there any way I can set up my homepage (http://www.biznesinteres.ru) so that it looks like my post page (http://biznesinteres.ru/interesting/5marketingtruths/)? I mean a full width image with articles below, so that homepage and posts have similar style.
2) Is there any way to change height of those images (posts section and homepage if that’ll work)?
Hi,
1. You can use the “Homepage – bg – no article list” page template for your Homepage http://screencast.com/t/VTFrs9KuFE
2. You can change the height by adding this custom css into the custom css field in theme panel: http://screencast.com/t/ZfVVn090
.td-big-slide-background, body.single_template_4 #td-full-screen-header-image, .backstretch {
height: 1000px !important;
} Change the image height as you like.
Hope this helps!
Thanks
Hi!
I see, it kinda works, but now I have 2 big slide’s on my homepage. I’d like to have only one, below the picture itself. Any way to remove big slide from the top?
Hi,
Use this custom css in theme panel custom css field to hide it:
#td_uid_1_53f1f76d2307f {
display: none;
}Thanks
Hi, Lucian!
Doesn’t really help. 🙁
http://i67.fastpic.ru/big/2014/0818/82/9d00be0d234a1889cbc76606b632ca82.png
I tried regenerating thumbnails, no luck. Unfortunately, I don’t know anything about CDN cache that has been mentioned somewhere before.
Hi,
Please try this css:
.home .td-big-slide-background .td_block_big_grid {
display: none;
}Should work fine now: http://screencast.com/t/xe0i4n77z6Mm
Thanks
Works! Thanks! Solved.
Hello there,
What would be an easy way to put text on the full width image on the homepage (e.g. image of the horse on the homepage at http://www.biznesinteres.ru?
Thank you,
Abhi
@Lucian how can i make a background like this with out a slide..i was trying this tip but it giving me a slide on my image,i just want too add the image only any help to how to do that please.
I don’t want it like this
Also how i can make different background color on pages,because when i choose a background it go sitwide and that’s not what i want,i only want it for pages only..
Hi,
@adhi
Go to page-homepage-slider.php file and add an title tag or other as you like: http://screencast.com/t/YUHHiaw5 then use css to style it: http://screencast.com/t/AocalfK6h
Thanks
Hi,
@steven
Remove the slider from the page-homepage-slider.php file, like this: http://screencast.com/t/AppcC724UL1O
I’m not sure I understand what your second matter would be, if you set the background for the “homepage bg” template from here: http://screencast.com/t/OHWTOTlqa this will add a background only for pages that use the template.
Thanks we will consider this!
Thanks
My other question was more about background color for pages in the theme panel,when i set a background color in the theme panel it’s site wide,but i only want it for pages only,because i don’t want the same color for my “Categories” as the pages
Hi,
You can set the background color for the whole site in that case and then use this css to remove it from category pages or overwrite it: http://screencast.com/t/tSVbVaVSY
.category {
background-color: initial;
}
Thanks
That code not working for me,it still giving the image background to my category and post that is on my pages..
@Lucian @Steven, the other way I found to remove the big slide slider from the homepage was to set the number of slides in the page editor to -1. With this, only the background image shows. Not sure if this creates any other problems (so far I haven’t encountered any).
@Lucian, thanks for the tip on adding text to the background image. I’ll try it out.
Hi,
@steven
If you set a background color or image from theme panel this will apply site wide.
If you need a different color for a category, you can change it from theme panel > categories for a specific category to use a specific background color: http://screencast.com/t/VVcP2Vbp This will overwrite the previous background color set from theme panel > theme colors.
If you need a different background image/color or you don’t want to have a background image at all you can do it via css and apply changes only for that page.
Use the page id class which is unique for all pages to remove or change the background, like this: http://screencast.com/t/5pA9hFjAM
.page-id-2877 {
background-color: initial;
}Thanks
Hi Lucian (@support002),
As you suggested I was able to add text to the big background image (using the php changes and css changes at http://screencast.com/t/YUHHiaw5 and http://screencast.com/t/AocalfK6h). Can you also suggest CSS required to position the text in the center of the image? text-align: center only centers it horizontally but the text still appears on top of the image. I tried using “bottom: 0; position: absolute” on the div with the text but that didn’t work.
Thanks for your help,
Abhi
Hi,
Use position relative and set a distance from the top like this: http://screencast.com/t/CHNqvLcY5lLe
.td-big-slide-background .entry-title {
font-size: 100px;
line-height: 40px;
color: white;
text-align: center;
position: relative;
top: 180px;
}Thanks
Hi. This is my website (viralogis.com)
At the Big Slide, can i auto expand my featured post image? Because at posts, im just uploading 700px image for featured image. But at Big Slide they want 740px rite?
Thanks for your help.
solved after searching at this forum. lol! just paste this code.
.td-sbig-title-wrap, .td-sbig-title, .td-sbig-title {
width: 100%;
}
.td-sbig-title-wrap {
bottom: 0px;
}
.td-big-grid-post-0 .thumb-wrap img {
width: 100%;
}Glad you did!
Please let me know if you have any other theme related issues!
Thanks
Hello @Lucian,
I set the text position as distance from top (per your comment #24392):
.td-big-slide-background .entry-title {
font-size: 100px;
line-height: 40px;
color: white;
text-align: center;
position: relative;
top: 180px;
}
But when I do this, I lose responsive design – when I view the page on iOS (iPhone 5), the text is not visible. So I tried using % in the top property of CSS:
top: 80%;
but this doesn’t work. Any suggestions on how to keep the design responsive and still be able to position text correctly?
Thanks,
Abhi
