Jump to content

Archived

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

evscicats

Social Bar Icons Not Centering

Recommended Posts

evscicats    14
evscicats

I'm having a little trouble getting the icons in the Social Bar section from the Viewer Theme to be centered in the footer on my website.  Here's the link so you can check it out - http://evscicats.com/erevolution

 

According to Chrome and Firefox webdev tools, the menu class is aligning text to center and is not being overridden by any other tag.  

 

Are the icons supposed to be centered? 

 

Thanks - Jerrad

 

P.S. - In case you need to know... here's a little background on how my site and theme is setup.  I am using the DMS Template Theme and the Pagelines Customize plugin to alter my CSS and LESS.  I had a lot of custom stuff in my style.css file in my theme so I decided to add the features of the Viewer theme by moving the Viewer pl-config.json and header.php files to my DMS Template Theme folder, added the functions.php code from the Viewer to my DMS Template Theme functions.php, and then moved the sections over.  The only thing I didn't transfer was the Viewer style.less and style.css files.  

Share this post


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

HI,

 

If you want to center the section, you can do this with the offset option next to where you increase/decrease the sections width.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
evscicats    14
evscicats
Danny,

I already did that but the icons are not centered in the section itself and it's very noticeable that the icons are not centered on the page. I am 5 icons - Facebook, Twitter, Google+, YouTube, and RSS. I have the Column Width set to 4/12 with an offset of 4. Decreasing the width doesn't help - 3/12 no change, 2/12 is too much pushing RSS to the next line.

Any other advice?

Thanks,

Jerrad

Share this post


Link to post
Share on other sites
evscicats    14
evscicats

I finally figured out how to get the social icons in the Viewer theme to be centered in the section. Turned off the float and changed the display from inline to inline-block.  

 

This is what I added to my custom css if anyone wants to use it.  

 

.section-socialbar .icons .menu li {
float: none !important;
display: inline-block !important; 
}

Share this post


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

Hi Jerrad, glad you got it resolved, thank you for posting the solution and updating the thread.


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

  • Similar Content

    • suerama
      By suerama+
      At one point developing my site I added some test text. It says: "Testing a title." and "Testing a text block." I believe that I then deleted the section or the text. It no longer appears in my  Chrome browser, but it still is appearing below every post in Safari and Firefox. Since I cannot see it anywhere in Chrome, I cannot delete this text or section. 
      Here is a sample post url:
      http://ramacommunications.net/tribe-chain-p2p-insurance/
    • suerama
      By suerama+
      Hi, I recently updated wordpress and plugins and now changes simply do not register at all in the DMS interface. At first I can type in a textbox field, but I don't see that affecting the type on my page. Then I publish, see no effect. After that I can no longer even type in a text box interface field. 
       
      Wordpress interface works normally, it's just the DMS that isn't functioning.
       
      I'm setting up a dev site to troubleshoot this by disabling plugins, or reverting to a saved backup, etc. But I thought before I go to all the trouble someone might have a tip for me.
       
      Thanks in advance!
    • JasonLA
      By JasonLA+
      I seriously love Grandstand but it's become very buggy as I add more items. 
       
      Right now I've added around 40 images, all regular size. You can see it at zox.la/collection. 
       
      My issue is that I can no longer hit the edit button or have the pagelines editor open on that page for it to load. If I do, it just lags out until the google eventually asks me to kill the page. 
       
      Any suggestion for how to fix this? Grandstand is awesome for a sort of catalog option and we'd like to load all our products up on it for an easy way to browse that's separate from our store. 
       
      Thanks,
      Jason
    • itarsenal
      By itarsenal+
      I want to have two different pages where I showcase people and am thinking about the DreamTeam section
       
      One page would be people directly on my team, people I'd be okay with having user accounts on the site to some extent.
       
      Then on another page, others would be extended "team" members, more like recommended people...but people I wouldn't be okay with having access to the site in anyway.
       
      How does this work with DreamTeam, I want to know if this is worth my purchase, and can't based on the information page, I don't know enough about how it works.
       
      http://www.pagelines.com/shop/club/pl-dreamteam/
    • werdnags
      By werdnags+
      Hi Folks,
       
      I made my site on a temp URL and move it.  All looks great except the Grandstand sections I have on a few pages are not looking in line and the images and not resizing themselves.
       
      Before I moved it the images were lined up great.
       
      Anyone any ideas?  Thanks.
       
      Link to the site: http://urlgone.com/2f0807/
×