INSTAGRAM IN THE FOOTER

  • Unknown's avatar
    bereichel · Member ·

    Hi!

    Ok then is there any way i could just set one line of pics and anyway make the footer smaller, as in it will be just the images with not that much of dark area after??

    Also What would be the Css for changing the size and typeface from the posts title and body?

    Thank you!!!

  • Unknown's avatar
    bereichel · Member ·

    Also realized the footer doesn’t go all the way to the right side of the web and it stops before, its like it doesn’t occupied the whole weight of the blog, could we fix that?

    Thanks again!!!

  • Unknown's avatar
    bereichel · Member ·

    I think the problem is the width of the whole page is too big, i would like to reduce it but not sure how?

  • eurello · Staff ·

    I’m not sure it would be possible or advisable to narrow your entire blog width. I’m afraid I’m at the end of my skills for making it look more like what you’re after.

    All I can suggest is that you play around with the widths and the column numbers in the widget and see if there’s something you like well enough.

  • Unknown's avatar
    bereichel · Member ·

    Yes I understand that,

    What I meant is when I make me website bigger on the sides (as in the window in the computer) It feels like the header and the blog it self is not centered, same as if I do it smaller things on the farthest sides (as the social media buttons) move to a next line, what I would like is to make the whole content static so if I change the size of the window in my computer the whole web stays centered and not moving. So if i make it bigger the whole thing will center itself all the time or if I make it smaller the content will disappear instead of move. Does it make sense??

    About the footer is there any way I can bring it to the very end so theres no such a space between it and the final “blog powered….” thing? I tried changing some values but can’t move it down.

    Thanks a lot!!!!!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, turning a responsive width design such as Hemingway into a fixed width theme requires a lot of time and knowledge of CSS and I would suggest contacting Elto, one of our customization partners to get a quote on how much that might cost.

    To reduce the spacing between the footer credits and the instagram images in your footer, add a margin-bottom declaration to .widget-areas in your custom CSS and adjust the bottom margin (80px originally) as desired. Example: 

    .widget-areas {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    width: 100%;
}
  • Unknown's avatar
    bereichel · Member ·

    Thank you very much for your help!!

    Already asked for the quotation, cheers!!!

  • Unknown's avatar
    bereichel · Member ·

    I can not figure out the code to modify the posts, could you help me with the code for changing the size, color and align center my posts???

    Thanks!!!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, this will center virtually all “content” (post and page). 

    .hentry, .site-info {
    text-align: center;
}
.site-footer {
    margin-left: auto;
    margin-right: auto;
}
  • Unknown's avatar
    bereichel · Member ·

    Hello Again!!

    I just realized the links in my blog opened in the same window so I would like to know if theres a way to make the links on me posts and the instagram footer to open in a new tab or window?

    Thanks a lot!!!

  • Unknown's avatar
    lizthefair · Member ·

    There is, but I believe the only way to do it is link by link.

    If you click on an existing link, and then click the chain icon, the dialog box for editing the link will pop up. There should be a small box below where you edit the link that says “open link in new window/tab” when you click on it, the link will open in a new tab.

    There might be a similar box in the Instagram widget, but of that I am less sure :)

  • Unknown's avatar
    hallluke · Member ·

    When I view your homepage on my laptop the widget at the bottom is much wider than my screen and it forces a horizontal scroll bar on the page. Your navigation menu is also off centre and the last icon drops to a new line.

    I’ve tried to modify your existing CSS changes and here’s what I’ve come up with (it’s not perfect but it fixes the oddities that I noticed), try it out and see if it’s an improvement.

    body {
	font-family:Verdana, Arial, Helvetica, Futura, sans-serif;
	font-size:1em;
	position:centered;
}

.hentry,
.site-info,
.main-navigation ul {
	text-align:center;
}

.site-header-image {
	position:static;
	background-position: top center;
	min-height:200px;
	overflow:hidden;
	padding:0;
}

.main-navigation li {
	display:inline-block;
	float:none;
}

.main-navigation {
	background:#fff;
}

.main-navigation li:before {
	color:#000;
}

.main-navigation ul ul li {
	background:#fff;
}

.main-navigation a,
.main-navigation a:visited {
	color:#777;
}

.main-navigation li:hover > a,
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
	color:#444;
}

#menu-item-108 a,
#menu-item-109 a,
#menu-item-110 a,
#menu-item-111 a {
	font-size:0;
	padding-left:0
}

#menu-item-108>a::before,
#menu-item-109>a::before,
#menu-item-110>a::before,
#menu-item-111>a::before {
	position:relative;
	top:10px;
}

#menu-item-108>a::before {
	content:url('//whatidolike.files.wordpress.com/2014/08/tumbler.jpg');
}

#menu-item-109>a::before {
	content:url('//whatidolike.files.wordpress.com/2014/08/pinterest1.jpg');
}

#menu-item-111>a::before {
	content:url('//whatidolike.files.wordpress.com/2014/08/blogloving.jpg');
}

#menu-item-110>a::before {
	content:url('//whatidolike.files.wordpress.com/2014/08/instagram.jpg');
}

.main-navigation li:before {
	content:none;
}

.site-footer{
	height:110px;
	padding:0;
	background-color:#fff;
}

#wpcom_instagram_widget-6 img {
	margin:0;
	padding:0;
	width:110px;
	height:110px;
}

.widget-areas {
	width:100%;
	max-width:100%;
	margin:0;
	height:110px;
	overflow:hidden;
}

#wpstats {
	margin:0;
}
1 2
  • The topic ‘INSTAGRAM IN THE FOOTER’ is closed to new replies.