Responsive WordPress Theme › Forums › Free Forum ( Limited Support for Non-Plus Members ) › Responsive › How to change featured content area size
Tagged: featured content area
July 24, 2013 at 5:31 pm #112919
My site is here: http://www.trendskitchens.co.nz/wordpress/
My question is how do I merge the content area and featured content area (the photo) together? So that I can have one photo across the whole width of the page (but maintain the same height of image as it is now). I don’t need the content area for text.
And second question is, is it possible to turn the responsive feature off for this responsive theme? (it’s because I have tables on some pages and the responsive feature is cutting off the tables in smaller devices such as phones and tablets :P )
Thank you very much again!
July 25, 2013 at 12:48 am #112971
This css would do that.
background: url(http://www.trendskitchens.co.nz/wordpress/wp-content/uploads/index-page-photo.jpg) no-repeat;
July 25, 2013 at 12:48 pm #113180
sorry to hijack the thread but I put that code directly into the style.css file and commented out the entire #featured section and I saw no change. Should I have left that other section like it is and added this code to it or added your code on a new line? Im looking to do what the OP would like to do. Take out the text and image and make it one big image.
July 25, 2013 at 12:56 pm #113186
July 25, 2013 at 1:20 pm #113203
excellent!! i just wanted to make sure i was working the right way. Ill be installing a child theme tonight so as to not overwrite it with updates.
July 25, 2013 at 3:05 pm #113227
Hi Ulrich, thanks for your help.
I tried the code you gave me. It worked in letting the image run across the whole width of the featured content area, but when I took out the text in the content area, the whole featured content area shrunk vertically thus cutting off most of the image. Is there a way to prevent this from happening?
(ps. I have commented out your css code for now since the page is running live.)
July 25, 2013 at 5:52 pm #113257
And also how do you add the php to the child theme?
I tried just copying and paste the two codes into my child theme css but am I suppose to put the php code in there as well?
Or do I need to create a child theme php file?
July 26, 2013 at 4:38 am #113353
Forwarding to Ulrich.
July 26, 2013 at 6:42 am #113390
I, too, am seeing the same results as cpan when adding the code.
July 26, 2013 at 8:14 am #113415
July 26, 2013 at 10:18 am #113440
Is it possible to get rid of the content area and make the featured content area the full width of the page without making the theme unresponsive? Or better yet, keep the content area, but make it full page width and situated below the featured content area? I need to put a MetaSlider slider the full width of the page, but also need a responsive website. Thank you very much for your help. It’s a great theme, and if only I could do this, I’d pay for the Pro version, but don’t want to risk paying for something that’s not what I need after all.
July 26, 2013 at 5:37 pm #113497
Ulrich, if text is entered in the Home Page area of the theme (appearance – theme options – home page), the image will grow to the height of the text but if nothing is put in those text areas on that page (appearance – theme options – home page) other than blank spaces (that way there is no text), the same image is cropped. I would like the image to fill that entire content area. Ill attach two screenshots, one with text entered in the theme options/home page and one without so you know.
http://i.imgur.com/UrexCQO.jpg – without text (notice image is very narrow)
http://i.imgur.com/qzQPImA.jpg – with the default text that came with the template – image is taller but still not as tall as the real image is.
thank you for your help. I believe this is the same thins cpan is having.
July 26, 2013 at 9:14 pm #113558
Forwarding to Ulrich.
July 27, 2013 at 12:29 am #113612
@herdingpixels Please start your own post. Perhaps this might help. http://cyberchimps.com/guide/list-of-child-themes/
@djreese So you just want a picture to cover the whole area. You do so with pre created child theme(Full width area). http://cyberchimps.com/guide/list-of-child-themes/
July 28, 2013 at 2:19 am #113825
Speaking of the featured content
is it possible to use mark-up
even – next line
in the featured content
July 28, 2013 at 1:47 pm #113891
July 28, 2013 at 2:47 pm #113915
Hi Ulrich, yes djreese’s screenshots sums up my problems. I just want an image to fill the whole featured content area + content area. So for the Full Width Featured area Child Theme, is it ok to just copy and paste all that code to my current child theme? I just don’t want to have to go to every single page of my website and modify the styles all over again :P
And for the php codes, do you mean a new php file and name it functions.php or copy the code to the current existing functions.php? Sorry, I’m just a bit confused with the instructions “Add this php to the functions.php in the child theme” it sounds like I need to create a new one?
July 28, 2013 at 8:11 pm #113972
You’ll want to do everything in the child theme, from what I’m seeing. Please do not edit any files that come with the theme. They will possibly get overwritten on an update.
July 28, 2013 at 8:55 pm #113987
I found information on WordPress about adding a functions.php to the child theme. Thanks! :)
July 28, 2013 at 9:11 pm #113993
Great and welcome :)
July 29, 2013 at 2:51 pm #114211
Hi, I just copied and pasted the Full Width Featured area Child Theme code to my current child theme and it didn’t work (or am I missing a step?). Does it mean I need to create another child theme for the Full Width Featured area Child Theme (name it differently), and copy my current child theme codes to the new Full Width Featured area Child Theme child theme? I’m a bit confused :P thanks very much for your help!
July 29, 2013 at 3:03 pm #114218
Forwarding back to Ulrich.
July 29, 2013 at 10:17 pm #114314
The home page customisation is done to the front-page.php that would be the file you need yo copy over.
July 30, 2013 at 3:15 pm #114596
wow that worked! Thanks so much for you guys’ help!!!
Not quite sure what the code just did but that is amazing!
Just one quick question, is it possible to get rid of that white space below the main image?
I tried putting in a longer image (I thought it might be the default length of the image space) but even with a longer image there is still white space below. Thank you~!!
July 30, 2013 at 10:16 pm #114675
July 31, 2013 at 2:36 pm #114903
That worked! Thanks so much :)
July 31, 2013 at 4:27 pm #114937
August 4, 2013 at 6:43 pm #115752
Hello, sorry I just have another wee question if you guys don’t mind :)
I made my site unresponsive according to the codes Ulrich linked me to earlier (http://cyberchimps.com/guide/make-responsive-unresponsive/).
I tested it out in screenfly. The site is not responsive anymore, but when the screen is small, the home widgets on the homepage now lines up in a column. Is it possible to move the home widgets back to a row where they are supposed to be? The home widgets are still responsive.
August 4, 2013 at 7:12 pm #115759
August 5, 2013 at 2:16 pm #115961
Thanks for your help, but that didn’t work :(
The home widgets still line up below each other.
August 6, 2013 at 12:45 am #116015
I’m not sure what’s going on with it. I’ll have to forward this to Ulrich to see if he has any ideas.
August 6, 2013 at 2:40 am #116063
You need to run version 184.108.40.206 for it to work.
August 6, 2013 at 2:40 pm #116210
Hi, I tried updating my Responsive version by clicking “update now” in Appearance > Themes. But when I checked the style.css for the Responsive theme under Appearance > Editor, the file still says it is version 220.127.116.11. Did I miss a step somewhere? Thank you!!
EDIT: I updated the theme again, and this time it worked! Thanks so much for all the help :)
August 6, 2013 at 3:39 pm #116228
Actually I think the problem was I didn’t update my local responsive version, and so every time I uploaded my edited child theme style.css from Dreamweaver, the old version of Responsive got loaded up again :P
August 7, 2013 at 12:44 am #116293
Similar things happen to us all. Thanks for the follow up.
You must be logged in to reply to this topic.