need help on shifting the heading for a widget a bit to the right

ncrdelhirealtors · Member · Apr 23, 2017 at 4:07 pm
Copy link

Add topic to favorites
hello. i have a google badge on my front page and the heading for that widget is a bit off. i need help on shifting the heading for that widget a bit to the right. css please ?

The blog I need help with is: (visible only to logged in users)
pavanraheja · Member · Apr 24, 2017 at 8:12 am
Copy link
Hi there,
Here is a trick to help you with it, you can try an post this code in the Custom CSS section , adjust the value of margin-left as per your requirement.
```
h1.widget-title {
    margin-left: 40px;
}
```
It moves both the widget titles to the left, but you can try it and see how it appears. Let us know if you need further help.
Regards
ncrdelhirealtors · Member · Apr 24, 2017 at 3:57 pm
Copy link
hello pavan. thanks for your help. the google plus widget heading and the widget itself are now almost perfectly aligned through the css provided by you. but what it also did was move the heading for the map widget a bit to the right. earlier that map heading was left aligned, which was more or less ok. ideally i wanted it center aligned though. but now it is neither center nor left aligned and looking odd. please help. thanks, puneet
pavanraheja · Member · Apr 24, 2017 at 5:47 pm
Copy link
HI Puneet,
I was not able to separately and specifically target the element each Widget separately, please be patient, someone from the staff will revert you back soon to assist you further.
Regards
thesacredpath · Member · Apr 25, 2017 at 10:33 am
Copy link
Hi @pjseospecialists, the Google Plus widget title has the same left margin as the other widget, but the photo below it has the same left margin, making them line up vertically. Add the following which doubles the left margin on the Google Plus widget title so it look like your contact info widget to the left of it.
```
#googleplus-badge-3 .widget-title {
	margin-left: 80px;
}
```
ncrdelhirealtors · Member · Apr 25, 2017 at 1:49 pm
Copy link
thanks pavan.
ncrdelhirealtors · Member · Apr 25, 2017 at 1:51 pm
Copy link
dear “thesacredpath”. yes now the heading for the google map is in place i.e. left aligned. but the heading for the google badge has shifted a bit to the right. kindly let me know if there is any solution for that. thanks.
pavanraheja · Member · Apr 25, 2017 at 3:13 pm
Copy link
Hi Puneet,
@thesacredpath will take care of your issues ahead.

@thesacredpath: Thank you so much for taking this ahead..! Looking forward to learn from you as always..! :) thank you again..!
thesacredpath · Member · Apr 26, 2017 at 5:46 am
Copy link
Oops, I was thinking you wanted the google plus title indented like the our location was. To line things up on the left, such as on your contact info widget, use the following instead.
```
#googleplus-badge-3 .widget-title {
	margin-left: 40px;
}
```
ncrdelhirealtors · Member · Apr 26, 2017 at 7:18 am
Copy link
yes now its perfect – thesacredpath. youve created a miracle. reminds me of the harry potter magicians.
thesacredpath · Member · Apr 26, 2017 at 6:15 pm
Copy link
You are welcome and thanks.
thesacredpath · Member · Apr 26, 2017 at 6:17 pm
Copy link
BTW, I name my vehicles. My truck’s name is Gandalf. :)
pavanraheja · Member · Apr 27, 2017 at 3:50 am
Copy link
@Puneet: Yeah thesacredpath has a magic wand with for CSS solutions :)
and as added by thesacredpath we know that his secret is from “The Lord Of Rings” ;) and surely the truck also must be having magic powers :)

Good luck with your business. Do let us know for any further assistance.. !:)
ncrdelhirealtors · Member · Apr 27, 2017 at 4:07 pm
Copy link
hahahaa. good one, both of you. ya thats how it is. you software guys are actually sacred.

No items found.