Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #20376

    Hello,

    I would like to add a text area on my home page thank to page builder.

    I have modified the slider size and changed the 3 colums position to get them center with the following code:

    }

    #top.home .slideshow {

    width: 110% !important;

    left: -16.4%;

    }

    #top.home .template-fullwidth.content {

    width: 1200px;

    margin: 0;

    margin-right: 20px;

    }

    #top.home .arrowslidecontrolls {

    display: block;

    position: relative;

    right: 140px;

    top: -160px;

    }

    #top.home .ken_burns .slidecontrolls {

    display: block;

    position: relative;

    top: -50px;

    right: -880px;

    }

    #top.home .special_heading_container {

    margin-left: -50px;

    width: 950px;

    }

    #top.home .grid4 {

    margin-left:40px;

    width:285px !important;

    }

    #top.home .grid4 img {

    min-width:294px !important;

    }

    #top.home .slideshow_portfolio3.aviaslider:nth-child(n+1) {

    margin-left:18px;

    }

    #top.home .slideshow_portfolio3 .arrowslidecontrolls:nth-child(n+1) {

    margin-left:101px;

    }

    #top.home .slideshow_portfolio3 .arrowslidecontrolls .ctrl_back.ctrl_arrow:nth-child(n+1) {

    margin-left:10px;

    bottom:12px

    }

    #top.home .slideshow_portfolio3 .ctrl_arrow:nth-child(n+1) {

    margin-left:230px;

    position: relative;

    Now I want to add a text area and it doesn’t fit.

    Do you think you can provide me a code to have the sentence centered and without the white border?

    Thank you very much for you help.

    http://fermedelahautemaison.fr/

    #107403

    Hi elodie14,

    The site has a maintenance mode active so I can’t see what you have so far. My guess based on your description would be you need to target the text area and remove the border with some css. The specific class selectors can be seen with Chrome’s “Inspect Element” tool (right click then inspect element) or the same in Safari/Firefox.

    If you can put the site live, we can take a look and see if we can assist.

    Regards,

    Devin

    #107404

    Sorry, I disable the maintenance mode:

    http://fermedelahautemaison.fr

    Best,

    Elodie

    #107405

    Hi Elodie,

    What should work, is to just define the width of that outer callout element and then make the left and right margins auto. However, your grid is not working correctly because of the various custom css you’ve added in so it needs to be adjusted a little oddly.

    This will align it with the grid sections below:

    #top.home .outer_callout {
    width: 944px;
    margin-left: 15px;
    }

    Though, that isn’t actually centered or aligned with the menu above I think its what you are trying to do.

    Regards,

    Devin

    #107406

    Hi Devin,

    Thank you very much. It’s perfectly centered. I have tried to change the font color by adding :color:# ffffff; but it doesn’t change the grey color.

    To be perfect, my last request are:

    - How can I change the font color?

    – How can I take off the white frame?

    – How can I get the text arear closer to the slideshow?

    Thank you very much for your assistance.

    Best,

    Elodie.

    #107407

    the site is in maintenance mode again, so these are a bit of guess based on my memory.

    The font is probably done with the inner callout as well as the border:

    #top.home .inner_callout{
    border: none;
    color: #fff

    You can also try adding a negative margin to the callout with:

    #top.home .outer_callout {
    margin-top:-10px;
    }

    Regards,

    Devin

    #107408

    Hello Devin,

    Sorry, I had to put back my website in maintenance mode but now it’s online.

    I have added the code:

    #top.home .outer_callout {

    margin-top:-10px;

    }

    #top.home .inner_callout{

    border: none;

    color: #fff;

    }

    But nothing changed. I tought it would have been easier. Sorry for the inconveniance.

    Thank you for your help again.

    Elodie.

    #107409
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Template builder Text area’ is closed to new replies.