Jump to content
Sign in to follow this  
iems

Hero

Recommended Posts

iems    1
iems

How do I set the opacity of the hero box? CSS? Better yet, how do I change it's background color? What code do I use? Also, if there seems to be extra space between the bottom of the image and the bottom of the hero, how do I narrow that more evenly?

One last question, when the site is finished, where can I post a link for you guys to tell me what I did right or wrong with it from a graphic & code standpoint?

Thank you for your time.

Share this post


Link to post
Share on other sites
catrina    103
catrina

To set the opacity, please use Custom CSS: http://www.pagelines.com/wiki/Custom_CSS

You'll also need to use the opacity attribute provided here: http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text

When you're finished with your site, you can post the link here in the forum.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
iems    1
iems

I was able to find the code to set opacity in the body, but I don't know what the hero section is called and how to change background color.

The code I found to set opacity for body content was #site .content, #footer .content { background: rgba(0, 0, 0, 0.5); }

Do I simply change .content to "hero" and set "background-color" as opposed to rgba opacity?

Also, opacity doesn't seem to work in IE8. What do I need to add?

Also, I set footer text color where it goes, but the "more" & "copyright" sections aren't changing. Please advise. Thank you for your help. Almost there to post a link for inspection.

Share this post


Link to post
Share on other sites
catrina    103
catrina

To find the hero section selector, please use Firebug or Chrome development tools. The tutorial for using Firebug to inspect the page elements for finding selectors is here: http://www.pagelines...wiki/Custom_CSS

Unfortunately, opacity doesn't work in IE8 by default, so we can't add anything more to make it work. :

I think the More and Copyright columns require custom CSS to change the color since they're a part of the Footer Columns sidebar, which is a specific section (please see the Custom CSS tutorial link above and this link: http://www.w3schools.com/cssref/pr_text_color.asp).


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
iems    1
iems

Trying to know the name of the footer sidebar section without using Firebug as the site is not published yet.

#footer (color: white;} is this close?

Share this post


Link to post
Share on other sites
iems    1
iems

Sorry. got it. Now how 'bout the hero box. I tried #hero {background: white} and everything but the box in that section turned white. How do I get the box itself to turn white - not the text.

Do I need to use .pl-hero-wrap { color: white} but what do I change?

Share this post


Link to post
Share on other sites
James B    436
James B

<<Trying to know the name of the footer sidebar section without using Firebug as the site is not published yet.>>

You can still use firebug for local testing, if you're using a localhost like MAMP.

.pl-hero-wrap { color: white} will turn the text white


.pl-hero-wrap { background: white;}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
iems    1
iems

".pl-hero-wrap { color: white} will turn the text white"

James - thank you for this. I found this info in a previous post but I was wondering how to turn the box itself (the background) white? Do I use ".pl-hero-wrap {background-color: white} or ...?

I appreciate the help. It's almost ready for inspection.... : - )

Share this post


Link to post
Share on other sites
iems    1
iems

.pl-hero-wrap { background: white} "resolved"

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Is this issue now resolved ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • janpeeters
      By janpeeters+
      Over the last month I had extensive communications with the developer of the (premium) Anything Boxes section (in Pagelines store) (Adam Munns) and the developer of the WP Polylang Multilingual plugin (Frederic Demarle).
       
      This was because the following problem occurred:
      Anything Boxes showed all posts of two languages (Dutch and English) on the respective static frontpages for each language. It should of course have filtered posts for Dutch language on the Dutch frontpage and English on the English frontpage.
       
      The solution to this problem was simple in the end. When duplicating a page for use in another language the settings for Anything Boxes were not copied to the new page and I should have set these settings manually again on the new page. I wasn't aware of this, but it makes sense. Because of this the pages didn't know how to differentiate between posts from different languages.
       
      The dev of Polylang told me that Polylang is currently smart enough to synchronize metas like Featured images and page templates but it does not work out of the box with metas created by plugins and themes but (according to Frederic) it is rather easy to add them in the list using the filter 'pll_copy_post_metas'.
      He mentions that he is not sure that these 'PageLines Meta Settings' are stored in post meta but that would make sense according to him. He asks if the Pagelines dev team will be interested to support this feature in the future.
       
      I'm also wondering if you will consider adding Polylang translation support for manually editable strings like the 'Read more…' strings in Pagelines Settings.
       
      Well that's of course up to you but I thought to let you know to be able to take this into consideration. I also post this for other users in case they experience the same kind of trouble and are looking for an answer.
       
      Best regards,
      Jan Peeters
    • bankrollbuilder
      By bankrollbuilder
      I used a custom hook to put a banner ad in my header. It works but its not in the right position. it is centered and above my logo and I would like to float it to the right of my logo in the header. heres the link: http://shaboopie.com/shaboopie-wp/free-logos-pg1/

      thanks.

      Dan B.
    • starlit
      By starlit
      Can one have two hero sections on one page?

      I want a landing page which leads/advertises two subpages.

      Or is there another option?

      Please help.

      THANK YOU
    • hutruk
      By hutruk
      Hi!

      I am using the shortcodes for tabs, as described in the documentation.

      When I insert the following code:


      [pl_tabs][pl_tabtitlesection type="tabs"] [pl_tabtitle number="1"]Title 1[/pl_tabtitle] [pl_tabtitle number="2"]Title 2[/pl_tabtitle] [/pl_tabtitlesection] [pl_tabcontentsection] [pl_tabcontent active="yes" number="1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/pl_tabcontent] [pl_tabcontent number="2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/pl_tabcontent] [/pl_tabcontentsection] [/pl_tabs]

      I get a strange output (in the attachment).

      Any ideas?

      Thanks in advance!

    • MooiWeb
      By MooiWeb
      Hello,

      I would like to align my qtranslate with my breadcrumb so that the flags are on the same hight.
      I'm aware of putting a code in the custom css and tryed severall codes from your site but for now, no succes

      The site i'm working on is http://nieuw.vazdias.nl

      Thx,
      Edwin



×