I am setting up WordPress site and I have problem with one element from the CSS file and don't know how to fix it.
My problem is with these two arrows (left and right carets):
Here is link of this website: www.mojatezga.me
I want to separate arrows from my elements and how could I make the icons clickable?
Sincerly,
TezgaMe
Related
I am working to convert a site to a completely new theme in Wordpress. The original site is here:
Original
The new dev site is here:
Dev site
What I am trying to do is make the menu match as closely as possible to the original site. I am fairly intermediate on CSS so I have the following questions:
How can I make the sub-menu text left align with the parent menu text?
How can I get that pointer to point at the parent menu?
Please note that I am using a plugin called Max Mega Menu for the dev site.
Max Mega Menu includes a location to add custom styling. There is an example at their site:
Max Mega Menu Styling Example
You need two things to achieve sub-menu like in selier.com.
First, you create an empty div which will appear on parent menu hover, and which will have width of 100%. This div will be your semi-transparent background.
Then, for each sub-menu you create, set its background to none, limit its width to some value, and set its position property to absolute.
Also, make sure that the sub-menu shows on top of the background div.
This should do it.
It will be better not to use any plugin and used the custom html menu to get the exact menu like in the demo.
hello people of stack overflow. I have a picture on my website and i was wondering how i can enter text to the side of the photo. How would i then use css to customize the text font and color ext. If this is possible how would i also put text on the top of a picture? Right now i am using bootstrap, so my picture is in a specific "row". I will add the link to my test website if you are wondering what i mean by that.
My website: http://rootforsite.azurewebsites.net/
Regards.
I'm trying to modify a theme to fit my design in Wordpress. I'm having a lot of trouble editing the menu bar in any way (apart from just colors).
I need to know how to achieve something like this: http://i.imgur.com/hPBo4is.png
Is it possible to just add the image to the menu bar and link certain areas? How can I get this into my website?
Thanks.
you have to crop image with whole black color without text portion and apply as background image to menu's "ul" tag. and then to display that text links you have to play with padding & margin.
thanks
Im using twitter bootstrap and really enjoy it as im not used to do webpages. Have a question though, i have a round logo and i would like to place it on top of a navbar - like shown on the image.
I can add an image inside the navbar, but as shown here i somehow want to put it on top of the navbar where as the logo will be larger than the navbar and look like on the picture.
Basically i would like to have a large circle (the logo) where the navbar will go through it in the middle with the logo on top.
can this be done ? thanks
edit : cant post pictures :(
Hard to say what you want exactly without having the image, but here is a guess:
Add the logo inside the block of your navbar and then, to your CSS file, set your image to have position: absolute and adjust the position by using, for instance, left and top.
Tried to use twiter bootstrap
to create a top nav-bar in my master page.
http://jsfiddle.net/ZqCah/1/
I have some bugs and would appreciate some help:
1- I want to turn all my content to be rtl.
meaning My site will be the most right and register will be the most left.
2- The items are at different hights.
How can I align them to the middle of the bar?
3- I want to add an my site logo to the bar, as seen here
ask assitance for html page tabular layout
can it stick to the screen like the bar itself?
can it share the size with the bar itself?
Bootstrap now (3.3.5) supports RTL! all you have to do is replace all "left" with "right" inside bootstrap.css file (or better, directly on the "less" source files). The carousel maybe needs some tweaking, but 99% of the stuff works fine. Here's an example
If you want to create RTL website with twitter bootstrap you can use RTL version of it.
http://pyjamacoder.com/2012/02/01/twitter-bootstrap-v2-rtl-edition/
and
https://github.com/donaldducky/bootstrap-rtl
I create webpage with these
sushiant.com created with rtl version of bootstrap
You may want to explore the use of FLOAT and POSITION in your CSS. Try to separate each of your elements inside DIVs and experiment on FLOAT and POSITION properties.
For example, your number 1 question...you can put "my site" using:
<div style="float:left">my site</div>
<div style="float:right">register</div>
You can refer to this positioning tutorial http://www.barelyfitz.com/screencast/html-training/css/positioning/