Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 17, 2014 at 5:12 pm #224998
    claraelisa

    Hi support team!!
    I’m loving enfold theme. it’s really working out for me. I have a question about customizing the color section. I want to place an image after the color section that matches the color of the color section. its a triangle pointing down. all i got so far it’s an image separated from the color sectión or getting the image inside the color section but really separated from the bottom.

    Also the color section seems to have a minimun height even though i reduce the size with a style id.

    Can u help me please???

    • This topic was modified 10 years, 10 months ago by claraelisa.
    February 17, 2014 at 11:07 pm #225153
    Yigit

    Hi claraelisa!

    Please post the link to your website and a screenshot showing the changes you would like to make so we can see what we can do.

    Regards,
    Yigit

    February 17, 2014 at 11:45 pm #225185
    claraelisa
    This reply has been marked as private.
    February 18, 2014 at 12:07 am #225203
    Devin

    Hi!

    Add the image as the background image of the color section and then for the alignment choose bottom. That should do it!

    Regards,
    Devin

    February 18, 2014 at 12:15 am #225210
    claraelisa

    sorry but the alignment bottom didn’t work. i had a top center alignment wich was working for the effect of keeping the image close to the color section on top. but sience i had that image as a background image of a color section it leave a big space under and a gray border in the bottom. I would like to start knowing how to make that color section smaller and remove it’s borders.

    Thank u for ur answer

    • This reply was modified 10 years, 10 months ago by claraelisa.
    February 18, 2014 at 3:45 pm #225524
    claraelisa

    Please help me i haven’t figure out how to reduce the height of the color only know how to set the background image.

    Thanks

    February 19, 2014 at 7:07 pm #226371
    Devin

    I’m not quite sure what you are trying to do but the background image alignment aligns the image with the color section.

    If you want to remove the border from a specific section or change its padding/margins you can use the ID as you’ve entered it in and then css on that ID to change its appearance. For example:

    #my-color-section2 {
border: 0;
}
    February 24, 2014 at 1:13 am #228266
    claraelisa

    hi! thanks for that tip for the gray border. it worked perfectly. Something i’ve been having more difficulties it’s reducing the heigth of the color section. Here’s what i have in my child theme css:

    #my-color-section{
    height: 5px;
    padding-top:10px;
    }

    Still it’s soo big. I’m really clueless about this one.

    Thank you guys!!!

    February 24, 2014 at 3:39 am #228307
    Ismael

    Hi!

    You can use this:

    #my-color-section {
height: 75px;
min-height: 75px;
padding-top: 10px;
}

    Change the height and the min-height value.

    Cheers!
    Ismael

    February 24, 2014 at 7:35 am #228359
    claraelisa

    Thank you soo much Ismael and Devin. That totally made it!!!

    Thanks support team!!!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘add image at the end of color section’ is closed to new replies.