Jump to content
alainafrederick

A few questions on header edits

Recommended Posts

alainafrederick    1
alainafrederick

I a trying to do a few things that I had before on my site but they dissappeared with the most recent upgrade and the editor is different so I can't find what I need in the CSS. Yes, I have Firebug but I still can't find it.

First I want the social icons to be larger. I've added the following many place bit it still isn't working.


.icons {text-align: right;position: absolute;bottom: 50%; right:0px;line-height: 20px;height: 24px;}

.icons a {

display: block;

width: 48px;

height: 48px;

margin-left: 8px;

float: right;

text-align: right;

opacity: 0.8;

}

Basically I want less opacity and larger icons. Where/what am I doing wrong? Second I have this in my custom CSS

.brand-links a{color:#786b5e !important;font-weight:bold;}

.brand-links a:hover{color:#663300 !important;font-weight:bold;}

.brand-links a {padding: 0 15px;margin: 0 0px;width: auto;}

.brand-links {

position:absolute;top:-200px;right:5px;

width: 980px;

}

I then in the functions had a file with text links that appeared to the right of my logo above my social icons. I can not locate my previous thread on how to manually add those text links so I'm asking again.

Thirdly I've tried to make the header space smaller in order to get more content above the fold but it does not move?


trying to figure out all the capabilities of pagelines

Share this post


Link to post
Share on other sites
catrina    103
catrina

To resize your icons, you may want to try this code:

.icons a img {width: #px;}[/CODE]

The width of a link class can't be adjusted, but the image can.


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
alainafrederick    1
alainafrederick

Okay so this helped some - the icons look a little weird I've tried fixing the width but they will not get any wider even though the original image that is there is wider. Is it possibly a padding issue or something?

Do you know anything about adding the links? I had links above the social icons to my About, Contact, and Advertise pages. I know how to make the links but the coding of where I added them is no longer there and the layout is all weird from what it was before.

I have tried searching for my previous thread and looking in my user profile but it only shows me the most recent 6 or 7 topics with no previous threads link.


trying to figure out all the capabilities of pagelines

Share this post


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

Hi there,

There's no padding on the icons, only a margin, i've tried adjusting but it hasn't made any difference. i have had a result on the following code


.icons a img {

    height: 77px;

    width: 64px;

}

Can you remember how you added the previous links? Was it as a hook? If so the code should still be within the base theme or customize plugins 'functions.php'.


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

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


  • Similar Content

    • MissT
      By MissT+
      The social icons within the Sitemap Footer section plugin are not longer showing on screen. Site details will be sent via email separately.
      WordPress - 4.7.2
      Pagelines Framework Version 5.0.97
      Platform 5 Version - 5.1.6
      Section Sitemap Footer version - 5.0.4.
       
      All other plugins deactivated.
    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

×