Jump to content


Photo
- - - - -

Custom

css

  • Please log in to reply
3 replies to this topic

#1 ddyer

ddyer

    Advanced Member

  • Members
  • 66 posts
  • Framework Version:developer
  • Country: Country Flag

Posted 12 February 2013 - 11:58 AM

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 

 

 

Please Login or Register to see this Hidden Content

 

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

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15163 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 February 2013 - 12:49 PM

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.

 

Please Login or Register to see this Hidden Content

 

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

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#3 ddyer

ddyer

    Advanced Member

  • Members
  • 66 posts
  • Framework Version:developer
  • Country: Country Flag

Posted 13 February 2013 - 12:02 PM

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.

 

Please Login or Register to see this Hidden Content

 

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

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15163 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 February 2013 - 12:05 PM

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







Also tagged with one or more of these keywords: css