Archived

This topic is now archived and is closed to further replies.

  • 0

Custom


Question

Posted · Report post

How can I add a background to the header. I want to add a back ground to the twitter feed.

 

Ive got your custom pagelines css plugin installed 

 

see screenshot of what im aiming to achieve 

 

 

http://lff.xposurehub.com

 

This is the code im use 

 

 

#content-pad
.bubble {
    margin: 50px;
    padding: 50px;
    position: relative;
}
.bubble:after {
    content: "";
    position: absolute;
   top: 100%;
   left: 20px;
   border-top: 20px solid blue;
   border-top-color: inherit; 
   border-left: 20px solid transparent;
   border-right: 20px solid transparent; 
}
 
 
thanks 
Ddyer

post-38650-0-37728600-1360668759_thumb.p

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Ive done and looked at the advice you gave but im still having difficulty applying this. When styling a widget in pagelines what are the main elements and selectors to look for? 

 

Hi Dyer,

 

Inorder to achieve this styling, you first need to use either Firebug or your browsers built-in web dev tools and inspect the twitter bar. Once you have inspect the twitter, I recommend you read through our custom CSS documentation which at the bottom, has a step by step guide showing how to inspect an element, target the CSS, make changes to the CSS and how to apply this CSS to your site.

 

http://support.pagelines.me/docs/customization/custom-css/

 

I would also recommend going through these two articles on the CSS Tricks almanac:

 

http://css-tricks.com/almanac/selectors/a/after/

http://css-tricks.com/almanac/selectors/b/before/

Share this post


Link to post
Share on other sites

Posted · Report post

I apologise but I do not remember saying the first quote in your post above ?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Dyer,

 

Inorder to achieve this styling, you first need to use either Firebug or your browsers built-in web dev tools and inspect the twitter bar. Once you have inspect the twitter, I recommend you read through our custom CSS documentation which at the bottom, has a step by step guide showing how to inspect an element, target the CSS, make changes to the CSS and how to apply this CSS to your site.

 

http://support.pagelines.me/docs/customization/custom-css/

 

I would also recommend going through these two articles on the CSS Tricks almanac:

 

http://css-tricks.com/almanac/selectors/a/after/

http://css-tricks.com/almanac/selectors/b/before/

Share this post


Link to post
Share on other sites