Home Forums Weaver Xtreme Theme footer area

This topic contains 14 replies, has 2 voices, and was last updated by  merlojh 6 days, 4 hours ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #53321

    merlojh
    Participant

    could not find info for adding a full size image in footer widget area is it possible? John

    #53325

    scrambler
    Moderator

    Please explain in detail what you mean by that…

    Are you saying that you want an image in the footer widget area, and expand the widget area to the full browser width?

    If so, you should read the guide article below about full width design

    https://guide.weavertheme.com/full-width-design/

    Expanding the footer widget area content to he full width of the browser can be done with the expand area option in the Full width option page.

     

    #53372

    merlojh
    Participant

    http://vallanceappraisals.com/ in the footer widget I have an image of the GG Bridge how can I remove all the blue around the image so it covers full width just image and no blue around it? Thanks John

    #53380

    scrambler
    Moderator

    You need to remove the various area padding

    put a zero in Main options > Footer Area > Padding boxes, as well as Main options > Footer > Footer Widget Area > Padding boxes

    #53390

    merlojh
    Participant

    Thanks that works also if I wanted to put centered text over the image how would that work? Thanks John

    #53391

    scrambler
    Moderator

    You need to out the text in a div tat is positioned absolute

    <div style="position:absolute;"> YOUR TEXT </div>

     

    #53392

    merlojh
    Participant

    http://vallanceappraisals.com/ not sure where to place it. I shows up in the blue area of the footer not over the image? John

    #53395

    scrambler
    Moderator

    Add positioning

    <div style="position:absolute;top:0px;left:0px;"> YOUR TEXT </div>

     

    #53402

    merlojh
    Participant

    Thanks that works so I guess if I want to center it I just adjust top and left? Thanks John

    #53404

    scrambler
    Moderator

    To center the text add the css below to the existing one in the div style attribute

    width:100%;text-align:center;

     

    #53406

    merlojh
    Participant

    I have tried different css styles for the divs but nothing has seemed to work?

    Should I change the class?

    .position:absolute

    .container, position:absolute

    Footer image

    <font color=”#0000A8″>YOUR TEXT </font>

    Thanks John

    #53408

    scrambler
    Moderator

    I believe you misunderstood what I meant.

    I meant the div with the text should look like
    
    <div style="position:absolute;top:0px;left:0px;width:100%;text-align:center;</span>"> YOUR TEXT 

     

    #53413

    merlojh
    Participant

    Yes that worked so I guess if I want it down in the middle I give it some padding top? Another question can I use css on the style to color the font and give it padding and a background color? I tried this but now luck

    .position:absolute {} Thanks for the help John

    #53415

    scrambler
    Moderator

    I don’t know what you mean when you mention

    .position:absolute {}

    Which is invalid CSS.

    Also some crap got pasted in my HTML above (</span>..)

    You can add all the CSS you want in the same style attribute as we did the rest

    <div style="position:absolute;top:0px;left:0px;width:100%;text-align:center;padding-top:12%;color:red;font-size:3em;"> YOUR TEXT </div>

    if you are going t need much CSS, you can also use a class, then add a CSS rule in the theme Global CSS Rule box to style it

    <div class="myfooter"> YOUR TEXT </div>
    

    And put the CSS in a rule like below

    .myfooter {position:absolute;top:0px;left:0px;width:100%;text-align:center;padding-top:12%;color:red;font-size:3em;}

     

     

     

    #53417

    merlojh
    Participant

    Thanks for the info that’s great John!

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.