More custom CSS

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Weblizar – WordPress Themes & Plugin

    (@weblizar)

    11 years, 7 months ago

    Hello Derrick,

    Can you share me you site url where you are using this ?

    Also please can you share me screen shot for what you want to change in Facebook widget User Interface and where you want to add border-top-color?

    Please share me both content then i will able to send you perfect css code.

    Thanks

    Thread Starter derrickr

    (@derrickr)

    11 years, 7 months ago

    Hi, the URL is here:

    http://test.marniescarlet.com/contact/
    http://test.marniescarlet.com/widgetProblem.png

    Its my friend’s site and I want to change the corners so that they’re rounded and change the top blue border to the same as the rest of the grey borders.

    Thanks,

    Derrick

    Thread Starter derrickr

    (@derrickr)

    11 years, 7 months ago

    Hi Moderators,

    I posted this issue whilst trying to resolve a problem for my friend’s site.

    I didn’t think about the content of her site as she is simply my crazy friend who dresses up funny and does weird shows – I didn’t think that this might be offensive or unsuitable for others. However, it is probably adult oriented and might not be appropriate for some.

    I also haven’t heard back from the author, so I’m guessing he might fall in to this category. If so, sorry mate didn’t mean to offend.

    I’d therefore appreciate it if you’d please remove my last post, so I can provide my solution (to help others and which I’ve worked out on my own) without giving the URLs.

    Many Thanks,

    Derrick

    Plugin Author Weblizar – WordPress Themes & Plugin

    (@weblizar)

    11 years, 7 months ago

    Hi Derrick,

    We are unable to access contact page URL also png image not accessible.

    Let us know, when you lift the secure access.

    Thanks
    Weblizar

    Thread Starter derrickr

    (@derrickr)

    11 years, 7 months ago

    Hi Weblizar,

    Here’s a similar site with the facebook iframe:

    http://weblizar.com/themes/weblizar-premium-theme/

    I’d like to be able to make the corners rounded and the top border the same color.

    Thanks,
    Derrick

    Thread Starter derrickr

    (@derrickr)

    11 years, 7 months ago

    Also lifted secure access to “contact page URL also png image”

    Thread Starter derrickr

    (@derrickr)

    11 years, 7 months ago

    Worked it out!

    Edit ‘facebook-by-weblizar.php’

    From:

    <div class="fb-like-box"
style="background-color: auto;"
colorscheme="<?php echo $ColorScheme; ?>"
data-header="<?php echo $Header; ?>"
data-height="<?php echo $Height; ?>" d
ata-href="<?php echo $FacebookPageURL; ?>"
data-show-border="<?php echo $ShowBorder; ?>"
data-show-faces="<?php echo $ShowFaces; ?>"
data-stream="<?php echo $Stream; ?>"
data-width="<?php echo $Width; ?>"
data-force-wall="<?php echo $ForceWall; ?>"></div>

    To:

    <div class="fb-like-box"
style="background-color: auto; border:solid 1px #aaa; border-radius:5px;"
colorscheme="<?php echo $ColorScheme; ?>"
data-header="<?php echo $Header; ?>"
data-height="<?php echo $Height; ?>"
data-href="<?php echo $FacebookPageURL; ?>"
data-show-border="false"
data-show-faces="<?php echo $ShowFaces; ?>"
data-stream="<?php echo $Stream; ?>"
data-width="<?php echo $Width; ?>"
data-force-wall="<?php echo $ForceWall; ?>"></div>

    Added ‘border:solid 1px #aaa; border-radius:5px;’ to the style attribute and changed the ‘data-show-border’ attribute value to “false”.

    Now I have my border with rounder corners, controlled how I want it.

    Plugin Author Weblizar – WordPress Themes & Plugin

    (@weblizar)

    11 years, 7 months ago

    Hi Derick,

    Great! your effort will be helpful for our other users.

    With Pleasure
    Alex

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘More custom CSS’ is closed to new replies.