Need HTML/CSS customization support? Upgrade to CyberChimps Plus.

How to change featured content area size

CyberChimps Forums Free Themes Support Forum Responsive How to change featured content area size

This topic contains 34 replies, has 7 voices, and was last updated by  Thomas Oliver 3 years, 4 months ago.

  • Author
    Posts
  • #112919

    cpan
    Participant

    Hi,

    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!

  • #112971

    Ulrich Pogson
    Keymaster
  • #113180

    djreese
    Participant

    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.

    Thanks!

  • #113186

    First, please see https://cyberchimps.com/guide/adding-custom-css/

    But, you may also want to make sure to clear all caches after adding CSS.

  • #113203

    djreese
    Participant

    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.

    Thanks!

  • #113227

    cpan
    Participant

    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.)

    Thank you!!

  • #113257

    cpan
    Participant

    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?

    Thanks!!

  • #113353

    Forwarding to Ulrich.

  • #113390

    djreese
    Participant

    I, too, am seeing the same results as cpan when adding the code.

  • #113415

    Ulrich Pogson
    Keymaster

    Are you both just trying to have a image in the feature area or is the image supposed to be in the background overlaid by text?

    A link to a screenshot would be helpful.

    @cpan The PHP goes in the a new file called functions.php.

  • #113440

    HerdingPixels
    Participant

    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.

  • #113497

    djreese
    Participant

    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.

  • #113558

    Thomas Oliver
    Participant

    Forwarding to Ulrich.

  • #113612

    Ulrich Pogson
    Keymaster

    @herdingpixels Please start your own post. Perhaps this might help. https://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). https://cyberchimps.com/guide/list-of-child-themes/

  • #113825

    lugnad
    Participant

    Speaking of the featured content
    is it possible to use mark-up
    even – next line
    in the featured content
    content area
    ?
    Thanks

  • #113891

    Ulrich Pogson
    Keymaster

    @lugnad I think so if I understood your question right. Have you tried it? Please start your own post if you have any further questions as I don’t want to deviate from the original posters question.

  • #113915

    cpan
    Participant

    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?

    Thank you!!

  • #113972

    Thomas Oliver
    Participant

    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.

  • #113987

    cpan
    Participant

    I found information on WordPress about adding a functions.php to the child theme. Thanks! :)

  • #113993

    Thomas Oliver
    Participant

    Great and welcome :)

  • #114211

    cpan
    Participant

    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!

  • #114218

    Forwarding back to Ulrich.

  • #114314

    Ulrich Pogson
    Keymaster

    The home page customisation is done to the front-page.php that would be the file you need yo copy over.

  • #114596

    cpan
    Participant

    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~!!

  • #114675

    Thomas Oliver
    Participant

    Try:

    #featured > img {
    margin-bottom: -40px;
    }

    https://cyberchimps.com/guide/adding-custom-css/

  • #114903

    cpan
    Participant

    That worked! Thanks so much :)

  • #114937

    Ulrich Pogson
    Keymaster

    Cool :)

  • #115752

    cpan
    Participant

    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 (https://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.

    Thank you!!

  • #115759

    Thomas Oliver
    Participant

    Not sure if this will work:

    .home-widgets {
    min-width: 960px;
    }

    https://cyberchimps.com/guide/adding-custom-css/

  • #115961

    cpan
    Participant

    Thanks for your help, but that didn’t work :(
    The home widgets still line up below each other.

  • #116015

    Thomas Oliver
    Participant

    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.

  • #116063

    Ulrich Pogson
    Keymaster

    You need to run version 1.9.3.5 for it to work.

  • #116210

    cpan
    Participant

    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 1.9.3.2. 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 :)

  • #116228

    cpan
    Participant

    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

  • #116293

    Thomas Oliver
    Participant

    Similar things happen to us all. Thanks for the follow up.

You must be logged in to reply to this topic.